Okay
  Public Ticket #964286
Overriding !important properties
Closed

Comments

  •  2
    midfieldco started the conversation

    Hello,

    Is there any way to bypass div[data-style="default"] .toggle h3 a, div[data-style="default"] .toggle h3 use of !important to change the font-size property?

    In style.css, line 14170.

    Either way, the use of !important makes it difficult to customise...


    Thank you in advance.

  •  8,996
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    div[data-style="default"] .toggle h3 a, div[data-style="default"] .toggle h3 {
       font-size: 27px !important;
        line-height: 33px !important;
    }

    Thanks


    ThemeNectar Support Team 

  •  2
    midfieldco replied

    Hello, sir.

    Is there any way to use my child theme style.css, without having code in the custom css box? It seems like a possibly non-elegant way to maintain code.


    Thanks.

  •  3,030
    Andrew replied

    Hi there,

    Thanks for your reply.

    Yes you may add your custom CSS codes in your Child's stylesheet if you prefer.

    Please let me know if there are any more questions that I may answer for you.

    Cheers! 

  •  2
    midfieldco replied

    This does not answer the question but you closed the ticket. Your use of !important prohibits me from actually overriding those properties.

    How do I override without pasting code in the custom code box or editing the parent theme?

    Thanks.

  •  3,030
    Andrew replied

    Hi there,

    Thanks for your reply.

    Unfortunately, there are no other alternatives to bypass the current code in the Parent Theme file with the use of !important without editing the code in the Parent Theme directly or inputting the code into the Custom CSS field located in the Salient Theme Options.

    Please let me know if there are any more questions that I can answer for you :)    

    Cheers!