Support » Theme: Dara » Colour Scheme

  • Resolved saratcollins

    (@saratcollins)


    I see a place under customizations to change the background colour, but not the embedded links or headings colours. Is there a CSS code for changing it that I could then play around with inserting different colours?

Viewing 10 replies - 1 through 10 (of 10 total)
  • Moderator Kathryn

    (@zoonini)

    Automattic Happiness Engineer

    @saratcollins) Could you provide a link to your site and point out which headings you’d like to change, and I’ll be glad to help with the necessary code.

    I’m going to remove privacy settings from my site in next few days, so I’ll do that once it’s public. Thanks!

    I wonder if you can tell me the code to change everything that is turquoise in the DARA theme (menu bar, categories in the featured image slider, etc.) another colour? (I’m going to try an indigo blue to start). I haven’t made it public yet but in case this helps.

    You need to find the hex colour code in Dara’s CSS files and replace the value for the turquoise (#15b6b8) with the value of the colour shade you prefer.

    Talking about the named colour shade Indigo this is #4b0082 (https://www.colorhexa.com/4b0082).

    Basically, do a search and replace with this 2 values.

    Bear in mind that it is good practice to use a Child Theme. Otherwise, your changes will get lost with the next template update.

    Thanks, great to have the link to the colorhexa.

    When the file is updated, could I also lose the updates I’ve made under: Appearance –> Customize –> Custom CSS?

    If no, is there a code I could just put directly in there for changing the turquoise?

    (If yes, I better find someone to change the customizations I have already made there in a way that they won’t be lost.)

    I think a child theme may be beyond my capability at this point. Though I should learn eventually.

    Also, how often does a theme update occur?

    Thank you!

    I mean when the “template” is updated, could I also lose…

    Moderator Kathryn

    (@zoonini)

    Automattic Happiness Engineer

    Hi @saratcollins – there’s no need to create a child theme, and definitely don’t edit the theme files directly. 🙂

    You don’t mention what colour you want to change the turquoise to, so I’ll give you a pink palette that I’d provided for someone else:

    https://gist.github.com/kathrynwp/24556618a6db8fbc2f275ff87e1c7bb8

    Click “Raw” at the top right and copy it out.

    Put it in your Additional CSS panel to see what it looks like. CSS added there is protected and won’t be lost when you update Dara in the future.

    If you’d like to play with the colour, you can pop the code in a code editor and first do a search-and-replace for the shades in the pink palette.

    thank you!

    done

    Moderator Kathryn

    (@zoonini)

    Automattic Happiness Engineer

    Great, glad you’re set!

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Colour Scheme’ is closed to new replies.