Wordpress custom css

mshandmeh · 2017-01-30 22:12:50

I am looking for a way to change the blog title font colour and size. There are WP plugins that are supposed to enable this. There is "Title Color" that provides a colour picker in the post edit screen - this works for the full post title but not the truncated list of posts on the blog page. It has to be implemented post by post and so is not much good if you want to change old posts to a new format.

Then there is "Simple Custom CSS" that provides a css you can edit from within WP and is supposed to complement your selected WP theme which in my case is the Backlight Theme. When installed you get access to this via Appearance>>Custom CSS which give the WP css file to edit. I guess this is a child theme?

I tried

.entry-title a {
font-size:20px;
}

in the Simple Custom CSS generated css, but it didn't work. I varied the font size but no observable difference.

So - should "Simple Custom CSS" work in principle in harmony with Backlight but I just messed up somewhere? Or am I barking up the wrong tree entirely and should I do this using the normal BL custom css? Or is there some other way? Do child themes work with BL WP theme?

I am a bit of a novice at this and am blundering around in a field I know 'not alot' about - good way to learn, though!

Thanks for any help,

Mike

rod barbee · 2017-01-30 22:22:18

Just to be clear, you want to style the post titles on the main blog page?

mshandmeh · 2017-01-30 22:40:30

Yes, the post titles on the main blog page, and also the individual posts.

The advantage of child themes would seem to be that you could do other things too. I was seeing the blog titles as a simple starting point for further adventures!

Mike

rod barbee · 2017-01-30 23:23:30

Child themes work with Backlight themes like any other child theme (I'm using a child theme on my test site)

The selector for the post tltle in a post is: h1.post-title

the selector for the post title on the blog page is: h1.post-title a

I like placing my WordPress css with the rest of my Backlight css, just to keep it all together. But you could also add it via the "Additional css" section of the WordPress Customizer.
Or you could also add it to a child-theme's css

rod barbee · 2017-01-30 23:42:41

more on child themes: http://community.theturninggate.net/vie … hp?id=7349

mshandmeh · 2017-01-31 00:13:04

Thanks Rod,

That's worked perfectly.

Mike

Community @ The Turning Gate

#1 2017-01-30 22:12:50

Wordpress custom css

#2 2017-01-30 22:22:18

Re: Wordpress custom css

#3 2017-01-30 22:40:30

Re: Wordpress custom css

#4 2017-01-30 23:23:30

Re: Wordpress custom css

#5 2017-01-30 23:42:41

Re: Wordpress custom css

#6 2017-01-31 00:13:04

Re: Wordpress custom css

Board footer