Coherent – Page Layout with Add to Head Plugin

Hi @glimmerdog,

You can reduce the gap between the header and content area by reducing the amount of margin between the two with custom CSS:

@media only screen and (min-width: 50em) {
    .entry-wrapper {
        margin-top: 10px;
    }
}

To add custom CSS: Firstly set up a child theme or activate a custom CSS plugin. (If you have Jetpack installed then you can activate its custom CSS module.)

As an aside: You can set a header image for a specific page by assigning the image you want to use as that page’s featured image. A page’s featured image will override any image that’s been set via Appearance > Customize > Header Image.

I wanted to make sure you were aware of that behaviour, in case it negates the need for the plugin you’re using.

Let me know if any questions come up around the above.

Hello Siobhan

Many thanks. The additional CSS patch worked a treat! Fully aware of featured image facility but this is already used on articles/posts and I need magazine masthead on ALL web pages showing on the site. Nevertheless thanks for warning.

Can I be cheeky? Have looked to make two colour changes to ‘Coherent’ via CSS but having tried have been unsuccessful…

(1) Text in Category drop down in sidebar menu – want it #222 or #000
(2) Article/post title (see Motoring Matters – The Cars in Category search). Have checked all greys on CSS but cannot locate entry controlling that. Want #fee200.

Hi @glimmerdog,

(1) Text in Category drop down in sidebar menu – want it #222 or #000

The styling for that drop down menu is set by your browser and, in Chrome, the text colour is already black:

Can you confirm if the text is showing up in a different colour on your end? If so, please provide details on the browser you’re using.

(2) Article/post title (see Motoring Matters – The Cars in Category search). Have checked all greys on CSS but cannot locate entry controlling that. Want #fee200.

The colour of those links are being set with the following CSS:

a, a:visited {
    color: #444;
    text-decoration: none;
}

To change them, I recommend targeting .entry-title a in your custom CSS, so that only those specific links on your site are changed:

.entry-title a, .entry-title a:visited {
    color: #fee200;
}

Hope that helps out!

If you have any extra questions then feel free to start a new thread on this forum.

It’s easier for us to keep track of different questions if they’re kept to separate threads. You’ll also get a quicker answer from one of my colleagues via a new thread, as I’m on vacation this week. ??

Thanks!

Hello again Siobhan

Great – title colour issue resolved thanks to your reply above.

Agree category drop down text IS black in Chrome and Safari however I am using Firefox which in its preferences has black text as ‘set colour’ but nevertheless shows white. Could I have fiddled with something in CSS which would override colour?

Point taken on new posts for further questions. Apologies for not doing this – will do so in future! Have a great holiday and, by the way, I can wait until you are back for any thoughts on text colour.

Ah, thanks for confirming that the issue is in Firefox!

Try the following custom CSS to see if it patches up the issue.

select {
    color: #222;
}

Siobhan

Worked! Many many thanks for all your help.

You’re most welcome!