[CindieCag]

Good afternoon,
I would like to delineate the right sidebar section more from the main content section on my second level (default template) pages, preferably with a light-grey background color. Is there a way to do this?

Many thanks in advance,
CC

[sovit ranjitkar]

@CindieCag To add a light-grey background-color for the right sidebar section Go to Appearance -> Theme Option -> Design Option Tab -> Custom CSS and paste the following CSS code:

#secondary {
    background-color: #e0e0e0;
    padding: 2%;
    width: 27.28%;
}
@media only screen and (max-width: 1078px) {
        #secondary {
	   width: 96%;
	}
}

Note: TO change color of your choice change above HEX color code e0e0e0 with your own HEX color code

Thank you for using our theme.

Now, Click on Save All Changes Button and Refresh your browser.

[CindieCag]

Thank you!
In case anyone else is doing this, when I first added the CSS code, it resulted in the right column showing up at the bottom of the page instead of the right side. Then I took out other custom CSS code and added it underneath instead, and it worked.

[Author]

Posts