• 0
Sign in to follow this  
Followers 0

body white transparent background

Question

Posted · Report post

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? http://www.bentorresmusic.com/bio 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!

Share this post


Link to post
Share on other sites

7 answers to this question

  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Oh wow, I completely spaced out on that image. Loading http://instantmediaservices.com/75white.png 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.

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