Tell me more ×
WordPress Answers is a question and answer site for WordPress developers and administrators. It's 100% free, no registration required.
up vote -2 down vote favorite

I use PageLines free version, with WordPress 3.3.1, for this website: http://new.teleosis.org/?page_id=76

I want the background color of the whole page to be light green, and the background color of my content area to be white (see screenshot: http://ow.ly/9oAfa ).

  • I configure the "Page Background Color" in the PageLines settings, which affects the whole page. Whereas "Body Background Color" affects what they call the "Page content areas" like the footer. (screenshot: http:// ow.ly/9ow1j )

  • But I don't find the setting to change the background of a page body, is it even available in PageLines?

I hope I don't have to go into the CSS files for such a simple thing, but if I do, I appreciate any suggestions regarding which CSS file to modify and which properties to change/add. Thank you!

share|improve this question
Close-voted as off-topic. This appears to be a CSS/HTML question, not a WordPress question. – Chip Bennett Apr 7 '12 at 22:48

2 Answers

up vote 1 down vote accepted

Looking at your code, this is a very very VERY bloated theme. Seriously, there's no reason a page that simple should take over 4 seconds to fully load. In addition to the "way too many nested DIV's" issue, areas above and below the header menu span the entire page, so you can't actually change just that section of the header to white background.

From the looks of things, this theme creates its CSS dynamically on page load, so chances are it's going to be a hassle to fix. I would really recommend you find a different theme that's easier to CSS edit, because any time you want to change something that's not in the "Theme Options" you're going to run into issues.

I know this isn't the answer you were hoping for, but you've kinda backed yourself into a corner with your theme choice.

share|improve this answer
Gosh. Thanks. Any suggestion for a simple theme? – Olivier Compagne Mar 1 '12 at 21:45
1  
fthemes.com/demo/YardZine - this might be along the lines of what you're looking for. That's the demo page, you can download it here - wordpress3themes.com/yardzine-free-wordpress-theme - and they have quite a few others as well. wordpress.org/extend/themes/zeecorporate - this is a nice one from WP.org, and they've got plenty of good free themes as well. There's bound to be one that will at least work as a good starting point. There's always stackoverflow for any CSS related questions while you're working on it as well. – SickHippie Mar 1 '12 at 21:56
2  
These are helpful, thanks. I have found Shell Lite that I like, I think I'll settle for this one. wordpress.org/extend/themes/shell-lite – Olivier Compagne Mar 1 '12 at 22:45
up vote 0 down vote

The easy CSS fix is this:

#pagelines_content{background:#0000ff;}

You can plug this into the custom code in your WP Dashboard at PageLines > Settings > Custom Code > CSS Rules.

This is NOT their recommended way, but a very straightforward way to do it.

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.