- This topic has 3 replies, 2 voices, and was last updated 2 years, 6 months ago by
.
Hi Support Team,
I hope you’re all well. This is my first forey into modifying a child theme on wordpress or doing anything to the backend in wordpress for that matter. So apologies if this a bit of a basic problem.
I’ve installed the jevelin child theme as per the documentation, installing and activating. The wordpress dashboard recognises the fact that the child theme is installed.
I’ve been trying to override the style for the header by including css in the style.css file in the jevelin-child folder. I prefer this method to using a plugin like yellow pencil as I feel I get a better understanding of what’s going in the backend.
However, none of the style changes I’ve made have appeared on my website. I’m wondering if wordpress is ignoring the style.css changes and picking the defaults from inline styling?
Here’s the modification I added to the style.css on my site.
<div>/* Theme Name: Jevelin Child Description: Child theme for Jevelin theme Author: Shufflehound Author URI: http://shufflehound.com Template: jevelin */ /* Add your custom CSS below */ .sh-header .container{ position: relative; background-color: #73142d; } Any help gladly received many thanks Nick</div>
Solution for this topic
Hi @nickgv,
I hope you are well today and thank you for your question.
I visited your shared website and saw some special  characters in the child theme style.css file as shown in the attached screenshot that must be causing the issue so please remove it to make the CSS work.
Also, I recommend you read some information about CSS specificity on the below pages.
https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity
https://www.w3schools.com/css/css_specificity.asp
https://css-tricks.com/specifics-on-css-specificity/
Best regards,
Shufflehound teamMany thanks for the specificity resources and help with my editing faux pas.
Have a great week
Nick
You are most welcome here 🙂
