Change Background colour for specific pages (6 posts)

  1. IsaacR
    Posted 1 year ago #

    Hi there,

    First off, i love this theme.
    Second, I really want to change the background colour for specific pages on my website (lesgens.co.nz). Specifically, I want the posts main page to be white. Im not very code savy.... so is there an easy way?
    Thanks so much

  2. salsaturation
    Posted 1 year ago #

    If you don't already have a Child_Themes or a custom.css you should install a plugin like custom CSS plugin then add the following to the custom css area.

    body.blog.custom-background {
    background-color: #fff;

    the important part is the 'blog' so lets say you also want to style the 'about' page orange... you would do

    body.about.custom-background {
    background-color: #ff6600;
  3. IsaacR
    Posted 1 year ago #

    WOW thank you so much, that worked a treat. I really appreciate your reply, it was really fast! Just 2 questions.
    1. I have had to change the colour of the text too (which I think i did by going:
    body.blog.custom-background {
    background-color: #F8F8FF;
    color: #000000;
    but the post title doesnt change colour... How do I change the Post Title colour?
    2. Finally, I really need to add a link to the top of the blog page. e.g. a logo. This logo would link back to the home page. But when I add the logo into the blog page (via html) it does not appear. Do you know how i can do that?

    Again, really appreciate the Word Press community. Hope this can help other people as well.

  4. salsaturation
    Posted 1 year ago #

    Hi IsaacR

    1) The code is

    body.blog.custom-background .entry-title a {
    color: #000;

    2) I looked at your source code but could not see anything to do with a logo. Please elaborate

  5. IsaacR
    Posted 1 year ago #

    1) How did you know that it was called .entry-title? I feel bad for having to ask you these naive questions and would love to be able to find them out myself.
    2) Hmm. I created a page and in the settings made that page the blog page. I then entered the below code into that page, via page creation-text mode. I.e. go to Pages --> Create New --> change the page to text field. Then I insert the following. buuuutttttt, nothing happens when I publish the page.
    "<img class="aligncenter wp-image-77" alt="Les Gens" src="http://lesgens.co.nz/wp-content/uploads/2014/06/LESGENSlogo2.jpg" />"
    What I am trying to do is set that image as the Header of the posts page. This way you can click on it to link back to the main page.

    Final question, you are the sort of person that makes the web the incredible tool that it is. Like thousands of others, I have always wondered, why do you help people like me?

  6. Andrew
    Forum moderator
    Posted 1 year ago #

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic