- This topic has 3 replies, 2 voices, and was last updated 4 years, 4 months ago by
.
Hello
I am facing the following problem. I have made some changes in the stylesheet of the child theme but they do not appear in my page. Viewing the source code of the page, the file (style.css) loads correctly, upon opening it I can see the changes I have made, but they do not appear in the page. If I put the same code in the Custom CSS tab of Theme Options, it works as expected.
I have deactivated all plugins except the necessary ones and the problem still persists. Any idea/hint as to how approach the solution of the problem, is more than welcome.
Thank you for your time.
Regards,
AlexanderHi Alexander,
I hope you are well today and thank you for your question.
Please try making the CSS code more specific as described on the below pages.
https://dev.to/emmawedekind/css-specificity-1kca
https://www.smashingmagazine.com/2007/07/css-specificity-things-you-should-know/
https://www.w3schools.com/css/css_specificity.asp
If you can’t make it specific then please share your custom CSS code and site URL so that I can help you.
Best regards,
Shufflehound teamHello
the css is specific. If it wasn’t, it wouldn’t work even in the custom css tab in the theme options. Right?
Thank you for your time.
Regards,
AlexanderNo, it is not.
The CSS code added in the custom CSS tab of theme options has more specificity than the CSS added in the style.css file of the child theme as the former one gets embedded directly in the webpage as an internal stylesheet.
If you refer to the information provided on the above shared pages then you will understand it.
