Okay
  Public Ticket #3218393
Toggle Heading Colour Change
Closed

Comments

  • Michael started the conversation
    January 28, 2023 at 1:16pm

    I am trying to change the colour of the heading of an untoggled option. Currently the black on the dark background is illegible. 

    Attached files:  sales.png

  • Michael replied
    January 28, 2023 at 1:18pm

    I have tried editing the page css with:

    .toggle-heading h3 {
        color: #fffff;
    }


    but no success.


  •  8,839
    Tahir replied
    January 29, 2023 at 2:33pm

    Hey Michael ,

    Thanks for using Salient.

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    div[data-style="minimal"] .toggle > .toggle-title a {
    color: #fff !important;
}

    Thanks

    ThemeNectar Support Team 

  • Michael replied
    January 29, 2023 at 10:19pm

    Hey Tahir,

    Thanks for your response!

    This resolved the original issue, however the heading now does not change to the accent colour when toggled, nor show any hover effect. For anyone who needs a fix to this, simply remove the !important @ line 2 as shown below.

    div[data-style="minimal"] .toggle > .toggle-title a {
    color: #fff ;
}


  •  1,877
    Judith replied
    January 30, 2023 at 3:45am

    Hello Michael,

    Thanks for pointing this out. it will be helpful for similar cases.

    Thanks.