Changing background colour on all posts

I’ve included links to the pages and the posts, so hopefully they will all show up!

Looks like the dog ate the link 😀

Ok, things are quite ehm… interesting on that site. I’m happy George ( @gappiah ) is here as well – he might have a better approach on this.

So, ideally, you should’ve set some CSS rules to apply everywhere on your site and then make a few changes inside the blocks as you want. I see you have added some additional CSS via you theme’s options too (boldgrid-custom-css).

So, I tried to write some CSS rules to resemble the style you have on those pages, but I’m not sure it’s 100%, because there are many elements that already have a style and you want them changed. Too many layers of styles might not always work out perfectly.

Try adding this in Dashboard – Appereance – Customize – Additional CSS in the Customizer

#content {
    background: white;
    color: black;

}
#content .entry-title a, .nav-links a, #reply-title, #email-notes {
 color:   #333399;
}

.entry-meta, .entry-meta a, .entry-footer, .entry-footer a{
    color:#FF8C00;
}

You can learn how to use the Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS.

I would normally recommend contacting your theme’s developer, but I was unable to find support online for that theme. Maybe you find a way. They know best how their CSS code works.

Hope this helps,
Kind regards!

Did it really not include the links??

Nope. We definetely have some dogs around here that ate those 🙂

I want the footer to come up to just above where the comment box is so that’s still all dark blue.

Your theme doesn’t include the comments part in the footer. And it shouldn’t. So i can make the comments element background blue, but I can’t make the sides blue, because I am unable to “split” the <article> element just before comments starts. It would need code modifications.

do you think I should put in the effort now to change theme and style it how I want as I might have to do it anyway in the future?

Let me point some things. The order of customizing the way you want your site to look should be the following:

1. Choose a theme you like – You’ll have to like most of the things it shows. Because later, there are things CSS can’t change and you’d need code alteration on the theme.
2. Next, make the changes you want on ALL pages/posts
   from Dashboard – Appereance – Customize – Additional CSS in the Customizer
3. Finally, if you want a certain page/post to look in a way (as an exception from other pages/posts), you use Gutenberg styling options

It seems you did the last step and it involves a lot of work to replicate that on each post/page.

You might want to find a theme with better support (a free one) but it’s not mandatory. Anyway, the steps above will help you reduce the amount of work you put in designing a post and let you focus on the content.

Hope this helps,
Kind regards.