Jump to content


Photo
- - - - -

Remove Boarder From Transparent Nav Bar


Best Answer James B , 29 November 2012 - 12:45 AM

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.

Go to the full post


This topic has been archived. This means that you cannot reply to this topic.
10 replies to this topic

#1 mooihoek

mooihoek

    Super Member

  • Members

  • 143 posts

Posted 28 November 2012 - 12:57 PM

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

Please Login or Register to see this Hidden Content



#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts

Posted 28 November 2012 - 04:01 PM

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:

Please Login or Register to see this Hidden Content

For further reference to using Custom CSS, please see:

Please Login or Register to see this Hidden Content



#3 mooihoek

mooihoek

    Super Member

  • Members

  • 143 posts

Posted 28 November 2012 - 04:13 PM

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



#4 catrina

catrina

    Advocate

  • Members
  • 12345 posts

Posted 28 November 2012 - 04:58 PM

Then you can use transparent like so:

 

 

Please Login or Register to see this Hidden Content

 

OR

 

 

Please Login or Register to see this Hidden Content



#5 mooihoek

mooihoek

    Super Member

  • Members

  • 143 posts

Posted 28 November 2012 - 05:27 PM

ok so something like ?  #nav div.content {

 background-color: transparent;
 }


#6 catrina

catrina

    Advocate

  • Members
  • 12345 posts

Posted 28 November 2012 - 06:27 PM

Yes, but change div.content to div.texture so it's: #nav div.texture



#7 mooihoek

mooihoek

    Super Member

  • Members

  • 143 posts

Posted 28 November 2012 - 07:20 PM

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

 

 

 #nav div.texture {

 background-color: transparent;
 }


#8 catrina

catrina

    Advocate

  • Members
  • 12345 posts

Posted 28 November 2012 - 07:27 PM

Try #page #nav div.texture {background: none !important;}



#9 mooihoek

mooihoek

    Super Member

  • Members

  • 143 posts

Posted 28 November 2012 - 07:31 PM

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



#10 James B

James B

    Advocate

  • Members

  • 5126 posts

Posted 29 November 2012 - 12:45 AM   Best Answer

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.



#11 mooihoek

mooihoek

    Super Member

  • Members

  • 143 posts

Posted 29 November 2012 - 06:46 AM

James your bet was right many thanks