Docs

[bedingfield]

Hi there,

I would like to make some changes to the CSS for individual blog post header entries: font, colour etc, to the H1 header and date/author and ‘post a comment’

What CSS controls this?

Thanks

[Darshana]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[bedingfield]

http://elyrunners.club/2014/01/21/ely-runners-first-beginners-group-final-report/

[Friech]

Hi There,

Thanks for the URL. You can add this under Custom > CSS in the Customizer.

body h1.entry-title,
body h2.entry-title a {
	color: red;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
}

body p.p-meta {
	color: blue;
	font-size: 12px;
	font-style: oblique;
	font-weight: lighter;
}

Replace the values where you see it fits.

This code will affect both Blog posts index and individual posts, If you need this CSS code to only affect the Blog index page replace the body with .blog

Or If you need this CSS code to only affect the individual posts replace the body with .single-post

Hope it helps, Cheers!

[bedingfield]

Thank you for this. It works fine apart from font-size. Whatever font size I put in get ignored. Any ideas why?

Thank you.

[Lely]

Hi There,

You’re welcome! Please update to this:

body h1.entry-title,
body h2.entry-title a {
	color: red;
	font-size: 24px !important;
	font-style: italic;
	font-weight: bold;
}

body p.p-meta {
	color: blue;
	font-size: 12px !important;
	font-style: oblique;
	font-weight: lighter;
}

Hope this helps.

[bedingfield]

Ignore that previous post. Think it was an old cache.

Thank you so much for your help.

[Lely]

You’re welcome!

Cheers!

[Author]

Posts