I've successfuly created a child theme and modified some elements to match my content.
I'm struggling to override text. I want text on the homepage, specifically h2 and p tags, to have a particular size. I've tried adding a class to the text container in the nectar element textbox, then creating a rule like .hometext h2 {font-size 40px!important} but that didn't work. I tried using the text editor to manually create an h2 with the class .hometext, eg <div class="hometext">Test Tittle</h2> and then in the child style.css added h2.hometext {font-size:40px!important} but this also didn't work. In firebug my classes are being applied, but the rules panel doesn't show my newly created, overriding styles. I am able to override other elements in the child style.css though, for example I modified the opacity of the transparent header and made the mobile header white instead of black!
Hi,
I've successfuly created a child theme and modified some elements to match my content.
I'm struggling to override text. I want text on the homepage, specifically h2 and p tags, to have a particular size. I've tried adding a class to the text container in the nectar element textbox, then creating a rule like .hometext h2 {font-size 40px!important} but that didn't work. I tried using the text editor to manually create an h2 with the class .hometext, eg <div class="hometext">Test Tittle</h2> and then in the child style.css added h2.hometext {font-size:40px!important} but this also didn't work. In firebug my classes are being applied, but the rules panel doesn't show my newly created, overriding styles. I am able to override other elements in the child style.css though, for example I modified the opacity of the transparent header and made the mobile header white instead of black!
So am I missing something obvious
Thanks,
James
sorry, should read <h2 class="hometext">Text Title</h2>
Hey James!
Simply try using the !important property in front of the css property so it overrides the parent theme css properties.
Thanks
ThemeNectar Support Team