transparent background

[mthem2003]

hello

quick question

how can i make the background transparent for the top toolbar menu, and the left column in a stylesheet?

thanks

[haredo]

Tough to take a stab in the Dark (Ozzy Osborne), but a link is great to work with

[mthem2003]

www.thepureworld.com

sorry about that forgot to add the link


basically on the top toolbar, where it says "customer Service" "Log in"
and where it says "department" if i can have those backgrounds to be transparent.. not white.. and no image

thanks

[haredo]

www.thepureworld.com

sorry about that forgot to add the link


basically on the top toolbar, where it says "customer Service" "Log in"
and where it says "department" if i can have those backgrounds to be transparent.. not white.. and no image

thanks

The link is not working:

includes/ templates/ your_template/ css/ stylesheet.css

Find the following declaration in the .css

1. navMainWrapper
2. you will probable notice it is associated with two other declarations
3. Seperate it out and add to the sheet
4. Copy and paste the declarations
5. Add it right below
6. Then go up and delete #navMainWrapper
7. Go below and change background to:
8. background: transparent;

Need a working link for the next question

[mthem2003]

www.thepurseworld.com

can;t type

[haredo]

basically on the top toolbar, where it says "customer Service" "Log in"
and where it says "department" if i can have those backgrounds to be transparent.. not white.. and no image

includes/ templates/ your_own_template/ css/ stylesheet.css

Find the following:
#navMainWrapper, #navCatTabsWrapper {

background-color:#FFFFFF;
background-image:url(../images/nav_cat_bg.jpg);
background-repeat:no-repeat;
color:#FFFFFF;
font-weight:bold;
height:30px;
margin:0em 0em 0px;
padding:0px;
}

1. Change to this:
2. #navCatTabsWrapper {
   
   background-color:#FFFFFF;
   background-image:url(../images/nav_cat_bg.jpg);
   background-repeat:no-repeat;
   color:#FFFFFF;
   font-weight:bold;
   height:30px;
   margin:0em 0em 0em;
   padding:0px;
   }
   
3. Notice the red font above was changed.
4. Then add right below this the new declaration which was seperated from the top one
5. #navMainWrapper {
   
   background-color:#FFFFFF;
   background-image: transparent;
   background-repeat:no-repeat;
   color:#FFFFFF;
   font-weight:bold;
   height:30px;
   margin:0em 0em 0em;
   padding:0px;
   }
   
6. Notice the red font above was changed..

Find the following in the .css

1. h3.leftBoxHeading, h3.leftBoxHeading a {stylesheet.css (line 525)
   background-color:#FFFFFF;
   background-image:url(../images/category_header.jpg);
   background-repeat:no-repeat;
   color:#000000;
   font-size:1em;
   height:26px;
   }
   
2. Change to this:
3. h3.leftBoxHeading, h3.leftBoxHeading a {
   background-color:#FFFFFF;
   background-image: transparent;
   background-repeat:no-repeat;
   color:#000000;
   font-size:1em;
   height:26px;
   }
   
4. Notice the red font above was changed..

[mthem2003]

PERFECT .. thanks a lot !!! I will apply it today!