Change Sidebar Background Color

[frygurl 0]

Please help! How do I change the sidebar background color in the Pro version? Thanks!

[Guest Guest]

The quickest way (assuming you're just using the primary sidebar) would be to put the following in custom CSS.

#sidebar1 {background: colorhere;}

[frygurl 0]

Thanks! This worked perfectly!

[jankowalski 3]

whats the code for universal sidebar?

[anthonyjohnson64 0]

While this approached worked for me as well one of the reasons I purchased the Pagelines platform was so I wouldn't have to deal with code related issues like this. I'm not a developer but out of necessity have had to act like one from time to time. Like a lot of people I hate it. I'm just a business guy that wants to crank out his own, very flexible, Word-press websites quickly with as little expense as possiable. Pagelines looks like it gives me most of what I need to do that so well done to the Pagelines team! It would be nice to see "sidebar background color settings" included in the color settings as an enhancement in an upcoming release. Thanks for listening...Anthony

[reynir 0]

I agree with Anthony, "sidebar background color settings" would be nice to have in settings

[Danny+ 1,327]

Thank you for the suggestion. I will bring this to the attention of our developers.

[eileen 0]

I don't see that background colors have been added for the sidebar. It's now a year later. Is a change coming?

[catrina 103]

There is no setting, but the easiest way is with CSS. You’ll need to use Custom CSS (in Site Options > Custom Code > Custom CSS/LESS). To find the Custom CSS you need, you'll need to use Firebug (or Chrome Development tools). To learn how to use Firebug for CSS customizations, please review this entire documentation and follow the instructions: http://support.pagelines.me/docs/customization/custom-css. For help with the background attribute, please see these instructions: http://w3schools.com/cssref/pr_background-color.asp.

[the1kane 0]

The quickest way (assuming you're just using the primary sidebar) would be to put the following in custom CSS.

#sidebar1 {background: colorhere;}

Where would I place this code?

[James B 436]

Hi there,

 

You can paste your custom code into pagelines>site options>custom code. There's a box for css/less at the top to be added which will over rule the site wide options.