Changing The Background On Sides

  • I would like to change the background of the page that shows through on the far left and right sides in order to highlight the content with the white background in the middle. I would like to change the side background to either a light grey color, or possibly use an image.

    My site is located at topropepress.com

    If I changed it to an image, I would like the sides to be similar to the page pwmania.com, except I would of course use my own image.

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi

    You can do this by adding the following codes to the theme’s style.css file. Here I would suggest you to make the changes using child theme, so that this change along with other changes made will stay preserved even after theme updates

    You need to upload an image you want to use as a background and use it like below.

    .site-main {
    background-image: url("https://www.topropepress.com/wp-content/uploads/2014/08/wwe-network-logo.jpg");
}

    then add the below to readjust the main container

    .site-main .container {
    background: none repeat scroll 0 0 #fff;
    padding: 20px;
}

    Hope it helps!!

    Thanks

    Thread Starter rdroste23

    (@rdroste23)

    Thanks for the help!

    I got it working, and I chose a solid color for the background on the sides. Now I have one slide problem. How do I get the navigational menu at the top to be the same width as my main content area in the middle? If you will notice, the content area in the middle is slightly wider than the menu in the header. I believe this is because the code above put in a 20px padding, which I would like to keep. It makes it look great with the background image added on the sides. I just need to get the menu to be a bit wider now.

    Thanks in advance!
    https://www.topropepress.com

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Changing The Background On Sides’ is closed to new replies.