Twentyseventeen: change colour of page titles

manuschwendener · Member · Jul 2, 2017 at 10:35 pm
Copy link

Add topic to favorites
Hi

My links are in #008488, also in the menu. I’d like to keep that.

But I would like to change the titles on my pages to #46505A, because they’re not links.

I found out how to do it on https://rdm2017.wordpress.com/resources/about/news and the single blog posts, but not for the other pages.

Thank you :-)

The blog I need help with is: (visible only to logged in users)
aportbury · Member · Jul 3, 2017 at 2:33 am
Copy link
Hi Manuela,

I can see the pages that you’ve successfully changed the titles to #46505A. Great work so far!

The reason that it’s working on blogs posts but not on your pages is due to another rule that is overriding your custom rule.

To override the rule for pages, add the following to your custom CSS:
```
body.page:not(.twentyseventeen-front-page) .entry-title,
.page:not(.twentyseventeen-front-page) .entry-title,
```
The full CSS targeting your titles should look like this:
```
body.page:not(.twentyseventeen-front-page) .entry-title,
.page:not(.twentyseventeen-front-page) .entry-title,
h2.entry-title,
h1.entry-title,
h1.page-title {
    font-family: "Univers Light", sans-serif;
    font-size: 1.3rem !important;
    color: #46505A
}
```
The reason for this is due to the nature of CSS specificity. If you’re interested, more information about specificity can be found here: https://developer.mozilla.org/en/docs/Web/CSS/Specificity

Good luck with your website!

Let me know how you go :)

Aaron
manuschwendener · Member · Jul 4, 2017 at 9:33 pm
Copy link
Thank you, aportbury, this is working great :-)
aportbury · Member · Jul 6, 2017 at 3:38 am
Copy link
Glad to hear! Thanks for letting me know :)

No items found.