Font color title and menu – Affinity theme

charlottemorin · Member · May 24, 2019 at 8:51 am
Copy link

Add topic to favorites
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: (visible only to logged in users)
raduconstantin1 · Member · May 24, 2019 at 6:19 pm
Copy link
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
charlottemorin · Member · May 27, 2019 at 11:32 am
Copy link
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.
404bill · Member · May 27, 2019 at 11:58 am
Copy link
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!
gemmacevans · Member · May 28, 2019 at 9:49 am
Copy link
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.
charlottemorin · Member · Jun 3, 2019 at 1:37 pm
Copy link
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.
staff-doublebassd · Staff · Jun 3, 2019 at 6:29 pm
Copy link
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,
charlottemorin · Member · Jun 4, 2019 at 2:59 pm
Copy link
Hi!
It didn’t work so I changed my mind.
Thank you everyone for your help,
C.

No items found.