• 0
Sign in to follow this  
Followers 0

changing background color on pages

Question

Posted · Report post

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

16 answers to this question

  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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
  • 0

Posted · Report post

@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)

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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
  • 0

Posted · Report post

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. :)

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

www.chatsworthfinehomes.com/new-landing

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

thanks

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Please add this to Custom Code > Custom CSS in the PageLines theme settings: [code]#page-main {background: none !important;}[/code]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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
  • 0

Posted · Report post

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
  • 0

Posted · Report post

@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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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
  • 0

Posted · Report post

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]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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
  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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  
Followers 0