Jump to content
Sign in to follow this  
sbertschinger

How do I get away from the gray part of an active page

Recommended Posts

sbertschinger    0
sbertschinger

After hours of trying and searching through the forum, I have to ask here:

How do I get away from the gray part of an active page?

Here my CSS code:

#navbar {

float: left;

width:100% !important;

position: relative;

}

#navbar ul {

clear: left;

float: left;

list-style: none;

margin: 0;

padding:0;

position: relative;

left: 50%;

text-align: center;

width: auto !important;

}

#navbar ul li {

display: block;

float: left;

list-style: none;

margin: 0;

padding: 0;

position: relative;

right: 50%;

}

.navbar {

background: url(http://blog201301.hostpoint.ch/bg.png) !important;

background-repeat: no-repeat !important;

box-shadow: none;

float: none !important;

}

.navbar.navbar-content-width {

border-radius: 0px 0px 0px 0px;

}

.navbar.pl-color-black-trans {

background-color: none;

border-top: none;

}

.navbar .navline > li > a {

font-family: Abel;

color: #0091CB;

font-size: 17px;

text-transform: lowercase;

display: block;

float: center;

padding: 10px 15px 10px 15px;

text-decoration: none;

}

.navbar .navline > li > a:hover, a:active {

text-decoration: none;

color: #000000;

padding: 10px 15px 10px 15px;

}

If a page is active it should be without this grey part and the font should be black. Any help? Thanks!!

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

Can you provide a link to the site in question please or a screenshot of the issue.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

OK, what you can do is use the :active pseudo class and then apply apply background-color: transparent to it.

If you can provide a link, or tell us which Navigation section you're using for you menu, we will be able to assist further.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
sbertschinger    0
sbertschinger

I was checking with Firebug. In my opinion i should tell the following class to be white with black font color:

.menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-15 current_page_item menu-item-223 {

backgorund-color:#FFFFFF;

color: #000000;

}

But its not working. I suppose I think because troubleshooting too complicated....

Share this post


Link to post
Share on other sites
sbertschinger    0
sbertschinger

Actually I just want to change the menu so that when a page in the menu above is active (choosen), this gray part is off (or transparant) and the font is black.

Sorry after hours searching the error i am getting lost :-)

Share this post


Link to post
Share on other sites
catrina    103
catrina

You'll need to use a selector like this:

.current-menu-item .current_page_item {

backgorund-color:#FFFFFF;

color: #000000;

} 

It'll require adjustments and playing around if it doesn't work the first time.


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

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  

×