WordPress.org

Ready to get started?Download WordPress

Forums

Decode
Change Background colour for specific pages (6 posts)

  1. IsaacR
    Member
    Posted 2 months 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
    Isaac

  2. salsaturation
    Member
    Posted 2 months 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
    Member
    Posted 2 months 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
    Member
    Posted 2 months 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
    Member
    Posted 2 months 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 2 months ago #

Reply

You must log in to post.

About this Theme

About this Topic