How do I manually change the background for my pages? and not have one backgrnd

  • Author
    Posts
  • #2838540

    cgicornr2016
    Member

    I want to change the background for my pages separately. Dont want one background for the whole site! How to do so?

    The blog I need help with is cgicorner.com.

    #2838635

    eallas
    Staff

    Howdy cgicornr!

    Which pages would you like to change the background of?

    #2838676

    cgicornr2016
    Member

    The showcase page! Also, I want to know how to customize the backgrounds of all the future pages.. Thank you

    #2838683

    eallas
    Staff

    Hey again!

    This simple code should do the trick!

    /* Showcase Page */
    body.page-id-26 {
    background: #fff !important;
    }

    In the future, if you would like to change the background of a page, you’ll need to copy and paste the same code. Then, replace the number with the Page ID number. You can find this number in the URL while editing your page.

    Hope this helps!

    #2838684

    eallas
    Staff

    By the way, you can change the color from #fff with a name, HEX, or RGB. You can find a wide array of colors at http://www.w3schools.com/colors/colors_names.asp.

    #2838685

    cgicornr2016
    Member

    Thanks Eallas. Can I use a custom PNG as the background? If so how? And this code goes into the CSS section or the HTML section?

    #2838688

    eallas
    Staff

    You’re welcome!

    The codes I’m providing you go into the CSS section

    To use a background image, you can use this code instead:

    /* Showcase Page */
    body.page-id-26 {
      background-image: url('http://i.imgur.com/7CDO3RM.jpg');
    }

    All you need to do is change the URL.

    #2838689

    cgicornr2016
    Member

    I want to use a background image uploaded to WordPress gallery? what url must I use in this situation? Thank you

    #2838690

    eallas
    Staff

    To obtain that URL, do the following:

    1. Go to http://cgicorner.com/wp-admin/
    2. Click on Media
    3. Click the picture you wish to use
    4. At the right, there should be a URL you can copy
    #2838692

    cgicornr2016
    Member

    Thanks Eallas. I think you answered my questions. We can change the status of this topic to “resolved” or “closed” Have a great day!

    #2838693

    eallas
    Staff

    You’re welcome! Have a great day as well and happy blogging!

The topic ‘How do I manually change the background for my pages? and not have one backgrnd’ is closed to new replies.