Hello there,

A very beautiful theme, I love it. I have installed it and now I want to make my content pages that I have created to be colored too. I dont want it to have a white background. You can check this websites: http://www.maradiva.com/ & http://www.olympiaresort.com/ , you will observe that both the outside (background) and the main content pages are both colored only one is lighter than the other.

Please is there a way you can help me achieve this. While thanking you.

gtsopour and others pl come to my aid.

Comments

basking4me’s picture

basking4me CreditAttribution: basking4me commented
Assigned: basking4me » Unassigned
gtsopour’s picture

gtsopour CreditAttribution: gtsopour commented
Assigned: Unassigned » gtsopour
gtsopour’s picture

gtsopour CreditAttribution: gtsopour commented

Content pages background

The div#main-area-inside (see page.tpl.php file) has a background image style property. This background image is essentially that which determines the content pages background. The first solution is to replace this background-image named main-area-bg.png.

But, in order to give a solid background-color and remove the background-image, you could make the folowing change in style.css file line 77 FROM

#main-area-inside {  display:block; overflow:hidden;  background-image:url(images/main-area-bg.png); }

TO

#main-area-inside {  display:block; overflow:hidden;  background-image:none; background-color: #a8bcba; }

Body (outside) background

Body has a background image style property too. This background image is essentially that which determines the outside background. The first solution is to replace this background-image named bg.gif.

But in order to give a solid background-color and remove the background-image, you could make the folowing change in style.css file
line 2 FROM

body { padding: 0; background: transparent url(images/bg.gif) repeat; font: 12px/1.4 Verdana, Helvetica, sans-serif; font-size: 12px; color: #666666;  text-align: center;  }

TO

body { padding: 0; background: #cad8d7; font: 12px/1.4 Verdana, Helvetica, sans-serif; font-size: 12px; color: #666666;  text-align: center;  }

and line 43 FROM

#page { background: url(images/bg.png) repeat-x; }

TO

#page { background:none; }

* All changes are related to style.css file