WordPress.org

Ready to get started?Download WordPress

Forums

Sugar and Spice
[resolved] changing accent color (7 posts)

  1. The Healthy Collective
    Member
    Posted 5 months ago #

    I can't figure out how to change the green accent color of this theme to gray. Anyone have CSS for this?
    Thank you

    thehealthycollective.com

  2. The Healthy Collective
    Member
    Posted 5 months ago #

    I managed to change it for the links within my site but can't figure out how for the: comments,
    post title,
    pagination (older & newer),
    the hover colour in the nav bar.

    thanks

  3. The Healthy Collective
    Member
    Posted 4 months ago #

    Hi guys! Just wondering if anyone has figured out how to do this yet? I want to change the green color of my post titles, nav bar hover title, and the green in the comments section.

    Thanks!!

  4. The Healthy Collective
    Member
    Posted 4 months ago #

    I can't believe I figured this out! I've been trying codes forever it seems like. Anyways I will mark this as resolved!

  5. shelley72
    Member
    Posted 4 months ago #

    Hi! Would you mind telling me how you did this? I have been trying to do this all day and am losing my mind.

  6. The Healthy Collective
    Member
    Posted 4 months ago #

    Hi Shelley,
    There isn't one thing that I did. I had to enter codes of what I wanted black, and the hover cover gray, individually in my CSS plugin - not the child theme.
    for example:
    .entry-title a {
    color: #000000;
    }

    that is the code I put in the css plugin to change the colors of my post title. And from then I just played around and made more entries like that. I hope this helps kinda? Sorry, I don't know much css, just enough to get by, and can't believe I got my blog how I wanted it!

  7. steve.a.jell
    Member
    Posted 4 months ago #

    If you have a look at the extras.php file the colour arrays are all listed - you can change all of them at once that way, nice and easy!

    You'll find it here

    * Output color scheme CSS in header
     */
    function sugarspice_color_scheme() {
    
            $color = array(
                'green'     => '#97C379',
                'emerald'   => '#36AB8A',
                'mint'      => '#9ED6BB',
                'peach'     => '#EECCCC',
                'pink'      => '#F8AFB8',
                'red'       => '#F03B42',
                'violet'    => '#BB86B4',
                'babyblue'  => '#A7DBD8',
                'orange'    => '#F66B40',
                'yellow'    => '#fff568',
            );

    and you can even see that I've changed the colour for the "peach" setting on mine to EECCCC - that should give you an idea of what you need to change.

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.