Okay
  Public Ticket #2493709
Font colours
Closed

Comments

  •  1
    SylviaMacD started the conversation
    August 4, 2020 at 1:05pm

    Hi

    Where do I set the font colours for H1-H6 styles?  

    I've set the overall font color in Styling, and can see the font family, weights, spacing etc in Typography but can't find setting default colours for heading styles. 

    Thanks

    Sylvia

  •  2,965
    Andrew replied
    August 4, 2020 at 4:13pm

    Hi Sylvia,

    Use the following custom css in Salient > General settings > CSS/Script related:

    body h1 {
    color: red;
}
body h2 {
    color: red;
}

    Thanks.

  •  1
    SylviaMacD replied
    August 5, 2020 at 2:31pm

    Thanks Andrew, that works. 

    Sometimes, though I want the h2 to be teal, and sometimes pink.   I've tried a few different CSS options but I either get all teal, or all pink.    How do I write the CSS so that there normally the H2s are teal, but I can override that with pink?

    Thanks

  •  2,965
    Andrew replied
    August 5, 2020 at 5:38pm

    Hi Sylvia,

    Can you share a link to your website with H2 so that we see possible css.

    Thanks.

  •  1
    SylviaMacD replied
    August 5, 2020 at 7:26pm

    Hi Andrew

    Sure thing, its https://sylviamacdonald.com/

    I've got the effect using custom headings at the moment which is fine.  I would like to know how to do it via CSS though.