WordPress.org

Ready to get started?Download WordPress

Forums

Vantage
Background color of a single page (11 posts)

  1. JariHam
    Member
    Posted 10 months ago #

    Hi, I want to change the background color on a SINGLE page of my website. Can anyone tell me how to do this? This is the page of my website I want to give another color or background.
    http://jongerenensocialmedia.nl/233-2/
    Thanks in advantage.

  2. PilgrimX
    Member
    Posted 10 months ago #

    Hi, I just solved something similar with main page. And solution was to add this to custom css:

    .home #main
    {
      background-image: url(".../wp-content/uploads/2014/04/image.jpg");
      background-position: center bottom;
      background-repeat: no-repeat;
    }

    So you should maybe try to find something like ".single #main" or ".blog #main". I use image, so your code should be more simple.

    .single #main
    {
      background-color: #your color code;
    }

    But maybe there will be some better solution.

  3. JariHam
    Member
    Posted 10 months ago #

    Hi, it worked. Thank you so much.:)

  4. PilgrimX
    Member
    Posted 10 months ago #

    Glad I can help. ;)

  5. Grantisnis27
    Member
    Posted 8 months ago #

    Hi Guys,

    Was wondering if one of you could help. I tried the recommended changes suggested by PilgrimX but could only get

    .home #main
    {
    background-color: #your color code;
    }

    to work. If I tried to edit another page such as .blog #main it would not change. I take it you were using the title of the page? For example .titleofpage #main . This doesn't seem to work for me. Any suggestions would be much appreciated.

  6. Grantisnis27
    Member
    Posted 8 months ago #

    I should mention that I am also using the vantage theme. I cant provide a link though as its on a local host just now.

  7. martavn
    Member
    Posted 3 weeks ago #

    hi, i'm also trying to change a single page background in my website and i've try many ways and nothing.. could someone help me?

    the page i'm trying to change is this:

    http://institutodomovimento.net/?page_id=60

  8. JariHam
    Member
    Posted 3 weeks ago #

    Which page do you want to give another background and do you want to change the color or do you want another photo as backgroud?

    For changing the color try this:
    .single #main
    {
    background-color: #your color code;
    }

    You can do this in editor in the dashboard of your website - style sheet.

  9. Misplon
    Member
    Posted 2 weeks ago #

    Hi @JariHam, thanks for helping out.

    Hi @martavn, in general if you see any Custom CSS on the forums, you should insert the CSS into a child theme stylesheet or into a Custom CSS plugin like Jetpack Custom CSS.

    It looks like you're already targetting that page with Custom CSS. To change the background color you'd say something like this:

    .page-id-60 body {
    background: #CCC;
    }
  10. martavn
    Member
    Posted 2 weeks ago #

    thank you @JariHam and @Misplon for your support but i've tried the two options doesn't work :/

  11. khalil5172
    Member
    Posted 6 days ago #

    Hi PilgrimX, how could i reach to code you mentioned
    ".home #main
    {
    background-image: url(".../wp-content/uploads/2014/04/image.jpg");
    background-position: center bottom;
    background-repeat: no-repeat;
    }"

    my hosted on one.com

    Thank you

Reply

You must log in to post.

About this Theme

About this Topic