Okay
  Public Ticket #204898
Override typography in child theme
Closed

Comments

  • James started the conversation

    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

  • James replied

    sorry, should read <h2 class="hometext">Text Title</h2>

  •  8,839
    Tahir replied

    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