Jump to content


Photo
- - - - -

body white transparent background


  • Please log in to reply
7 replies to this topic

#1 create180design

create180design

    Super Member

  • Members
  • 186 posts
  • Country: Country Flag

Posted 24 September 2011 - 12:46 PM

Hi there! I have created a background that kinda gets in the way of the body copy on one page and wanted to be able to create a white semi-transparent background for only the body section on select page. Any help?

Please Login or Register to see this Hidden Content

On this page, the area I am referring to is from the download links to the bottom of the text, which I'll be adding more text on later. Thank you!

#2 mstmarie1

mstmarie1

    Advanced Member

  • Members
  • 52 posts
  • Framework Version:PageLines Developer
  • Country: Country Flag

Posted 24 September 2011 - 02:40 PM

Add this to your custom CSS section: .page-id-38 #page #maincontent #column-main { background: url('http://instantmediaservices.com/75white.png'); margin-top: 75px; } .page-id-38 #page #maincontent #column-main #theloop { margin-top: -75px; } Feel free to download the PNG file, upload to your root and change the domain in the CSS.

#3 create180design

create180design

    Super Member

  • Members
  • 186 posts
  • Country: Country Flag

Posted 24 September 2011 - 03:17 PM

Wow, thanks it worked! But I can't seem to figure out how to download your image for the white. I have photoshop, if you can tell me what the specs are I can recreate it and upload it. Thanks!

#4 catrina

catrina

    Advocate

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

Posted 24 September 2011 - 03:27 PM

Create a new document with a transparent background, add a fill color layer, go to the Layers palette and select that color layer, and reduce the opacity. Save the image as a PNG.

#5 create180design

create180design

    Super Member

  • Members
  • 186 posts
  • Country: Country Flag

Posted 24 September 2011 - 03:29 PM

Thanks, but how large should the image size be? 65px x 65px, etc.

#6 catrina

catrina

    Advocate

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

Posted 24 September 2011 - 03:55 PM

65px by 65px is fine. It can be any size as long as the width and height dimensions are the same and at least 2px by 2px.

#7 create180design

create180design

    Super Member

  • Members
  • 186 posts
  • Country: Country Flag

Posted 24 September 2011 - 03:57 PM

Thanks!

#8 mstmarie1

mstmarie1

    Advanced Member

  • Members
  • 52 posts
  • Framework Version:PageLines Developer
  • Country: Country Flag

Posted 24 September 2011 - 04:00 PM

Oh wow, I completely spaced out on that image. Loading

Please Login or Register to see this Hidden Content

would look like a blank page, duh. Yeah, I just created a 1px X 1px white box at 75% opacity. All cylinders weren't firing that early.