Jump to content
mooihoek

Remove Boarder From Transparent Nav Bar

Recommended Posts

mooihoek    1
mooihoek

Hi trying to find the right CSS to remove the grey back ground boarder of the main NAV, can anyone help? Its the just the grey bacground which stretches across the site, I want the button functionailty to remain

Site is http://tinyurl.com/d2br3do

Share this post


Link to post
Share on other sites
catrina    103
catrina

The border is coming from the texture DIV inside of the #nav DIV container. You can use the background color property in CSS to change it to white: http://w3schools.com/css/css_background.asp. For further reference to using Custom CSS, please see: http://www.pagelines.com/wiki/Custom_CSS


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
mooihoek    1
mooihoek

Hi thanks for that, but I dont want to set a background colour as I have different images on each page, so just remove the grey boarder is what Im looking for

Share this post


Link to post
Share on other sites
catrina    103
catrina

Then you can use transparent like so:

 

 

background-color: transparent;

 

OR

 

 

background: none;

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
mooihoek    1
mooihoek

ok so something like ?  #nav div.content {

 background-color: transparent;
 }

Share this post


Link to post
Share on other sites
mooihoek    1
mooihoek

thanks I have the below but its hasn't made any changes

 

 

 #nav div.texture {

 background-color: transparent;
 }

Share this post


Link to post
Share on other sites
mooihoek    1
mooihoek

Hmm no, but I can see it in firebug just hasnt taken 

Share this post


Link to post
Share on other sites
James B    436
James B

I say try #nav {background:none !important;}

 

There's a selection of classes attached to that color in firebug, you might have to go through trial and error on them, the above would be my first bet though.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

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


×