Jump to content


Photo
- - - - -

Translucent body background


  • Please log in to reply
3 replies to this topic

#1 hkruegermt

hkruegermt

    Newbie

  • Members

  • 2 posts
  • Country: Country Flag

Posted 26 April 2013 - 07:05 PM

I'm using the Simplicate theme, and I'd like to adjust the opacity of the body background of my page. -- montanaretirementspecialists.com

 

Tips and suggestions?



#2 James B

James B

    Advocate

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

Posted 26 April 2013 - 08:05 PM

Hi there, you'll need to do this using some custom css. Affecting the color applied to the .page-canvas selector so it has transparency on the page and saving the new code into the custom code area in Pagelines>site options>custom code. If you're using firebug you'll see when you get the color picker appear there's a slider at the bottom where you can adjust the transparency for the color you select. That code will then be adjusted into the code that you can copy/paste direct into pagelines.

 

If you've not dealt with making amendments using css before please checkout this overview and guide which advises on the tools we suggest you use to find and edit the various elements on the page to make the required changes to the css -

Please Login or Register to see this Hidden Content



#3 hkruegermt

hkruegermt

    Newbie

  • Members

  • 2 posts
  • Country: Country Flag

Posted 26 April 2013 - 08:34 PM

Thanks James.

 

Is there a selector other than .page-canvas that can adjust JUST the body background.

Using the .page-canvas selector changes the opacity of all the objects placed on the page-canvas (such as photos and logos).

 

I have experimented with several, but have been unable to find the one that only adjusts the opacity on the background without effecting objects.



#4 James B

James B

    Advocate

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

Posted 26 April 2013 - 08:53 PM

Hi there,

 

Make sure you're just using the .page-canvas selector and no other code. That shouldn't change any other elements on your site, unless there's some other code or prefix in there. It should give the following affect -

Please Login or Register to see this Hidden Content

 

Example code:

Please Login or Register to see this Hidden Content