Change color of page title

Will help if you show us the url ??

https://www.engelhartadvies.nl/

??

I dont see nothing on the right side of the page : /

You cannot see the content? That’s weird, the website is working on all my devices..

I mean on the right side there is nothing. There is a left side bar, not a right one ??

Oh I’m sorry, there’s not meant to be a right sidebar, I mean the page titles above the page content. They’re black now, but I would like to change that color!

You mean the color of “Home” ?

Yes! All of them, so ‘Home’, ‘Diensten’, ‘Werkwijze’, ‘Projecten’, ‘Over Alma’ and ‘Contact’ ??

Well, in your css search the style for h2 post-title and change the colour

<h2 class=”post-title”>Home</h2>

If not, you can add the style directly, for example:

<h2 style=”color:blue”>This is a Blue Heading</h2>

I can only find this code in my css:

.post-content h2 { font-size: 1.8em; }

I added this:

.post-content h2 {
font-size: 1.8em;
color: #004A98;
}

But this doesn’t seem to work. I did the same in my editor-styles.css but still doesn’t work ??

Hi,

videosdemadurasx, I think anniekdenboer may be referring to the titles of the menu links.
anniekdenboer, on line 297 of your style.css you will find:

.main-menu a {
    color: #999;
}

If you change the color there, you should affect links title.

Regards

Hi Steve, thanks for this but I don’t mean the links in the sidebar. Just the titles that are on top of every page. I think what videosdemadurasx said must be the solution, but it’s not working for me.. I’ve tried to change every code that has menu or h2 in it, but nothing seems to affect the color of the titles.

Sorry my bad!

If I’m understanding you correctly now, I can see no .post-content h2 elements for your rule to target?

If you want to change the color of the titles on those pages, try adding your color style to the rule ‘.post.single .post-title’ rule on line 878 of the style.css?

This is the rule I find when I search for h2:

.post-content h2 {font-size: 1.8em; }

I tried to add {color: #004A98} but that doesn’t work.

I found this:

.page-title { padding: 1% 0 10px; }

.page-title h4 {
display: block;
padding-bottom: 10px;
border-bottom: 2px solid #e1e1e1;
margin: 0 10px;
line-height: 120%;
font-weight: 700;
color: #666;
}

But no h2.. Is there a code I can add there?

Usually I’m trying everything and then something turns out right, but this time I can’t seem to solve it myself!

Have you tried add the color style where I suggested?

The title elements have a class attribute of ‘post-title’, search for that and find this rule:

.post.single .post-title {
    font-size: 2em;
    line-height: 120%;
    font-weight: 700;
    margin-bottom: 40px;
}

And then add the color to that.