Font color title and menu – Affinity theme

  • Author
    Posts
  • #3314945

    Hi!
    I need some help on Affinity theme.
    Site title, menu, panels titles (pages titles) and bullet points (on the left) are gray. I would prefer this color: #ae2222.
    Is it possible to change it with CSS?
    Thanks!
    C.

    The blog I need help with is charlotteyogameditation.com.

    #3315151

    Hey C.,

    This CSS should help you out:

    /* menu items color */
    .navbar-inverse .navbar-nav>li>a {
    color: #ae2222 !important;
    }
    /* bullets points color */
    ul {
    color: #ae2222;
    }
    /* panel titles */
    .page .entry-title {
    color: #ae2222;
    }

    Please try this out and tell me if I missed anything.

    Regards,
    Radu

    #3316231

    Hi!
    Thank you for your help!
    I tried but it doesn’t work.
    I you have another idea, I’m ready to test it!
    Thanks,
    C.

    #3316243

    404bill
    Member

    Hello,

    Radu’s code above should work. I will add the CSS needed to change the site title:

    /*site title color*/
    #site-title a {
    color: #ae2222;
    }

    Can you add the code to the website so we can see if its being overwritten by some other styles? Can you just check you are adding the CSS correctly by following this guide: https://en.support.wordpress.com/custom-design/custom-css/

    Thanks, let me know how this goes!

    #3316752

    Hi charlottemorin,

    Just adding that I’ve tested the code @raduconstantin1 and @404bill shared and it is working from my side. I’ve put it into one code example for you:

    /* menu items color */
    .navbar-inverse .navbar-nav>li>a {
          color: #ae2222 !important;
    }
    
    /* bullets points color */
    ul {
          color: #ae2222;
    }
    
    /* panel titles */
    .page .entry-title {
          color: #ae2222;
    }
    
    /*site title color*/
    #site-title a {
          color: #ae2222;
    }

    Can you try pasting that CSS underneath what is already in My Site > Design > Customise > CSS.

    Let us know how you get on.

    #3319566

    Hi!
    I’m afraid it’s not working… :(
    I don’t understand why it’s not working because it looks great!!!
    Too bad…
    If you have another idea, I’m ready to test it!
    Thanks a lot everyone,
    C.

    #3319768

    Hi there,

    I just added it as well and it worked perfectly:

    https://cloudup.com/cFu2–qk_4M

    Are you copying the entire snippet and placing it at the very bottom?

    Let me know if you still have trouble after trying again and I will be happy to assist you.

    Thanks,

    #3320202

    Hi!
    It didn’t work so I changed my mind.
    Thank you everyone for your help,
    C.

The topic ‘Font color title and menu – Affinity theme’ is closed to new replies.