Jump to content


Photo
- - - - -
Resolved

Content colour on each page



  • Please log in to reply
9 replies to this topic

#1 jennalyn11

jennalyn11

    Advanced Member

  • Members

  • 84 posts
  • Country: Country Flag

Posted 11 October 2012 - 03:50 PM

I have set the content background to transparent on my home page (default template)

Please Login or Register to see this Hidden Content

Password: crimson889
However I want the content background on the rest of the pages i.e

Please Login or Register to see this Hidden Content

to be white. Is there a way of customizing this?

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 11 October 2012 - 04:15 PM

You can use PageLines Meta Settings to change the background colors on a page by page basis. PageLines Meta Settings is located on the page editor (below the HTML/Text editor).

#3 jennalyn11

jennalyn11

    Advanced Member

  • Members

  • 84 posts
  • Country: Country Flag

Posted 11 October 2012 - 05:02 PM

Under Page Setup in this it only gives the option to change the background image not the content area. My aim is to have the home page transparent and the rest of the pages will have an image background and the content area will be white.

#4 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 11 October 2012 - 09:03 PM

You'll have to use CSS in order to do this. You can put the page id before the css to only affect that particular page. Something like the below, change the id's to suit.

Please Login or Register to see this Hidden Content



#5 jennalyn11

jennalyn11

    Advanced Member

  • Members

  • 84 posts
  • Country: Country Flag

Posted 11 October 2012 - 09:12 PM

Thanks I'm a complete beginner is there guide somewhere how to do this in case I mess things up! I'll probably set the content default to white and just change the home page to transparent.

#6 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 12 October 2012 - 12:07 AM

Hi there, you can paste custom code into Pagelines>Site Options>Custom Code.

To find out more about css and how it works/is applied check out

Please Login or Register to see this Hidden Content

first and be sure to download

Please Login or Register to see this Hidden Content

for troubleshooting.

You can find out more on customizing Pagelines here

Please Login or Register to see this Hidden Content



#7 jennalyn11

jennalyn11

    Advanced Member

  • Members

  • 84 posts
  • Country: Country Flag

Posted 12 October 2012 - 08:44 AM

I have tried to apply this to the homepage. I've set the rest of the pages to white content area are it's only the homepage I want transparent

.page-id-1 #content-area {background: transparent;}

and there's no changes showing up?

#8 Danny

Danny

    Is Awesome!

  • Moderators
  • 16358 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 12 October 2012 - 09:13 AM

Hi,

The code for you homepage is incorrectly, use this instead for your homepage:


Please Login or Register to see this Hidden Content



#9 jennalyn11

jennalyn11

    Advanced Member

  • Members

  • 84 posts
  • Country: Country Flag

Posted 12 October 2012 - 09:25 AM

That worked! Thank you so much for your assistance!

#10 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 12 October 2012 - 02:36 PM

The topic was marked as resolved.





Also tagged with one or more of these keywords: Resolved