Jump to content
Sign in to follow this  
tandan

changing background color on pages

Recommended Posts

tandan    0
tandan

Hi there, I'm trying to figure out how to make my site background look like what's in this pic M5OFP.png with the white branding area, blue feature area (full width), white content area, and blue footer area... what's the best way to accomplish this? there doesn't seem to be an easy way to do that when looking at this how-to: http://www.pagelines.com/wiki/How_to_Use_the_Color_Control_Settings Any suggestions? I have a few sites I'd like to do this for not only this one... Thanks so much!! Tan

Share this post


Link to post
Share on other sites
catrina    103
catrina
There is a way to accomplish this, but not a way with the Color Control settings. Custom CSS settings (described here: http://www.pagelines.com/wiki/How_to_Use_the_Custom_Code_Settings) can be used to implement these changes. There's a tutorial on using Firebug to create the CSS you need for those customizations: http://www.pagelines.com/wiki/Custom_CSS I inspected your site and your canvas (that white space background on top of the overall background) is "blocking" the way of other background colors that can be added. Using Firebug, I added a background color to the feature area and it was full width, but that white background was sitting on top of it. You'd need to make that white background transparent first and then make the changes to the background colors for your features.

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
sum247    3
sum247
Hi, I need main page "to NOT have a Page Backgroung color" and the rest of the pages to have the setting "Background color to white" please help is there a way to fix this. Thank you!

Share this post


Link to post
Share on other sites
catrina    103
catrina
@sum247 If you want your main page to not have a page background color and the rest of the pages to have a white background color, what background do you want the main page to have? (Also, since this issue is different from the original topic, your issue can be posted as a separate topic, but there isn't a way for me to move your issue to a brand new thread so we'll leave it here)

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
sum247    3
sum247
Thank you Catrina. I didn't know how to make my own topic. I need the main page to show the Background image I've placed so that's why the Page Background color needs to be transparent (not showing).

Share this post


Link to post
Share on other sites
catrina    103
catrina
Can you please post a link to your site? By the way, a new topic can be started by clicking the "Start New Discussion" button on the top right corner of the forum. :)

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
sum247    3
sum247
www.chatsworthfinehomes.com/new-landing

Share this post


Link to post
Share on other sites
catrina    103
catrina
Please add this to Custom Code > Custom CSS in the PageLines theme settings: [code]#page-main {background: none !important;}[/code]

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
sum247    3
sum247
Hi Catrina, I placed the code in CSS Rules and made the page main page but is not working.

Share this post


Link to post
Share on other sites
sum247    3
sum247
Can you suggest something else because I really need that page baground colour to be transparent. Thank you!

Share this post


Link to post
Share on other sites
Rob    547
Rob
@tandan, your selection of canvas is what's preventing you from applying a different background image in the site. Take a look at http://www.epicurus.com to see that I put a site-wide background behind my header. That could be any height I prefer it to be, since it's not a header background, but a site background. Also, look at http://www.epicurusinstitute.org/ and view the background to see how I used a graphic to create a white canvas area. I'd suggest reading http://www.pagelines.com/wiki/How_to_Use_the_Color_Control_Settings and this http://www.pagelines.com/wiki/How_to_Use_the_Layout_Editor_Settings for additional information. Please let us know if you need additional assistance.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
sum247    3
sum247
All I need is for one page to not have the canvas is there a way to do that.

Share this post


Link to post
Share on other sites
catrina    103
catrina
A page is always going to need a canvas, but if you want to change its color to transparent, use this: [code]div.content-pad {background-none:}[/code]

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
sum247    3
sum247
does this goes directly inside the CSS Rules and how will it know to do that to the main page? thanks

Share this post


Link to post
Share on other sites
Danny    1,327
Danny
Hi Sum247, I have read through this whole topic and I am at a loss as to what you actually want to accomplish. If you want to achieve a full width white background color on the header section, content area of your website, with a full width blue background on the feature area and footer section. That you mentioned in your original post, then use the following code as a template to work from. [code]#header { background-color:white; /* will make the header background color white */ } #features .content { background-color:transparent; /* will make the feature section background transparent */ } #content .content { background-color: transparent; /* will make the content section background transparent */ }[/code] All sections have a .texture and a .content you can use these to add a background color to the section or use transparent like I did above to make the background color of that section transparent.

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
tandan    0
tandan
hi danny, i'm actually the originating post. sum247 posted on my thread so that's why it's confusing--but i definitely appreciate the help!!! thank you!!! tan

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×