• 0
Sign in to follow this  
Followers 0

content box colour/opacity

Question

Posted · Report post

How to give the content box (I only managed to add borders) a background with some, say 50%, opacity? Opacity doesn't seem to work, and when I try to make borders opaque, the whole text becomes opaque too? here's a link to the page

Share this post


Link to post
Share on other sites

11 answers to this question

  • 0

Posted · Report post

Opacity hasn't really fully evolved yet, not completely and fully supported by all browsers. You need to use a semi-transparent png graphic of the color you like as the div background. If you don't have Photoshop or another graphics editor you should be able to find a generator or plugin of the sort. Thanks, Bryan

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi Bryan, Thanx for reply. I understand that not all browsers fully support transparency, but I guess the majority of them do. What did you mean by saying that opacity hasn't fully evolved yet? Did refer to opacity in platformpro or in general? I was thinking about a transparent box like in here, which is done in css, but doesn't seem to work when I incorporate it to platform pro. I guess .pngs would be too much hassle, wouldn't css be a better option? but how.. is the question :)

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Kate, thanks for suggestions. Well, I'd go for pngs too, but that would only give me more work figuring out how to place them on my website :)

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

We can help you with the placement ;)

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Kate, this sounds convincing :) What should I start with?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi Adam, Yes, I do, I have a PS. So I could start from there. But would I need just a slice of a png that would be multiplied or a full image? I'll have a look at the link and I'll see maybe it'll help. Thanx, august

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Yeah... just create a small, transparent PNG in the color/opacity you want. Then you can add that as a background to an element. By default, background elements repeat both x and y (side to side, top to bottom). So the one image will fill up the entire element you've specified.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

My goodness that was easy! Thank you so much guys! Pngs did the trick! ;)I shouldn't have been so skeptical about them ;) Is there a way to reduce the opacity of the border itself, so that it mingles with the background in a less intrusive way? I used this code for the bckgrd and padding: #column-main { border: 1px solid #1D5069; padding-top: 2em; padding-left: 1em; padding-right: 1em; background: URL('http://augie.home.pl/wp-content/themes/platformpro/images/box_trans.png'); } Thanks a lot once again! august

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