Forums » Customize

transparent or opaque menus

HELLO_my_name_is_Peter.
UNITED KINGDOM
2008-08-09 21:54:00
 

3rd and final question.

Am I able to use transparent backgrounds for my menu box and text boxes used in the main content area?

I want to use an image as my whole background and my menu to be slightly see through.

Thanks in advance,
Pete

Vaska A
I WROTE THIS
2008-08-09 22:03:31
 

Yes...possible. There are a few ways to do this...I'll let somebody try to help you through it...but...

  1. #menu .container { opacity: 0.5; color: #fff; }

Is a place to start. Expect to test this out...expect to deal with some issues with IE.

HELLO_my_name_is_Peter.
UNITED KINGDOM
2008-08-09 22:09:36
 

cheers Vaska, I'll give it a try. Not too fussed about IE problems although it'll be good to have it perfect on all platforms (if this is possible :O)

bradthrashin
UNITED STATES
2008-09-17 23:26:13
 

I've been playing around with this.

It works on the entire menu, images, section titles, and all instead of just on the container. Is there a way to change the opacity of just that?

AntoineLafontaine A
JAPAN
2008-09-18 11:01:32
 

Yes, just be sure your CSS is properly targeting the part you want to affect.

For example:

  1. #menu .container img{ opacity: 0.5;}

will affect only the opacity on images in your #menu .container div

bradthrashin
UNITED STATES
2008-09-18 23:05:55
 

how do i make it only affect the container itself and not the images then?

on my site here I want the light blue container slightly opaque but the SCS image and the section titles to stay 100%.

Showing 1 - 6 of 6 posts in Forum > Customize > transparent or opaque menus
 

You need to be logged in to post.