I would like the font color of links to change from black to #892121 when clicked on. Does anyone know how to do this please?

Thank you!

thank you for this great theme !!!
i would like the ACTIVE menu button (i.e. membres), the one which is of the page that I am actually looking at, to be of a different color.
I try to twink the theme like this:

a:active {
color: #f70264;
outline: none !important;
}

but eh.. not working :(… any ideas ? Thank you so much !

I have changed the menu color and hover color but cant seem to figure out how to switch the current (or active page) color from the default colour of the theme.

I have read through over 20 other threads but the only deal with changing the colour and hover not the a:active setting- which sin’t a:active (possibly because there is a class for active somewhere). Please help I have a deadline today to get this done for an assignment. (we are allowed to research and ask for help

-Thanks Karrine

Is it possible to highlight (a:active) the parent menulink when you are on the child page?

I tried to finde a solution on different forums, but it did’nt work.

I’ve seen it working on many other sites, but i just cant figure out hov do it on Biznez.

/Paw

Now I want it to have a “Current Page” state, but simply specifying .current_page_item{} doesn’t seem to work.

Can you take a look and tell me if you can find out how I can get it to work? I basically want the current page menu item to stay with the same background as the hover. Thanks, the site is:

https://kelleherfeeney.com/

When I add a style attribute to a the .current-menu-item that is in a drop down it effects the whole drop down list, not just the current menu item.

Here’s a link to site: ericbrockmanwebsites.com/dev4 (still very much a work in progress)

Here’s the CSS

#nav {
    display: block;
    margin-left: 575px;
    position: absolute;
    top: 78px;
    width: 400px;
}

#nav .menu, #nav .menu ul {
    list-style: none;
}

#nav .menu li {
    float: left;
}

#nav .menu a {
    float: left;
    display: block;
    color: #999;
    padding: 9px 10px;
    text-decoration: none;
    font-size: 14px;
    font-family: Helvetica, Arial, sans-serif;
}

#nav .menu a:hover {
    color: #ccc;
}

/* Styling for current parent item */
#nav .menu li.current-menu-item a, #nav .menu li.current-menu-parent a {
opacity: 0.5;
}

/* Styling for sub-menus */

#nav .menu li ul {
    position: absolute;
    width: 100px;
    left: -999em;
    margin-top:30px;
    padding-top:15px;
}

#nav .menu li ul li a {
    font-size: 11px;
    color: #999;
    width: 100px;
    border-bottom: 1px solid #ccc;
    text-transform: none;
}

#nav .menu li.current-menu-item ul li a {
display: block;
}

#nav .menu li ul li a:hover {
    color:#ccc;
}

#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.sfhover ul, #nav .menu li li.sfhover ul {
	left: auto;
}

Thanks in advance for any help!!

Any help is greatly appreciated, I can’t figure this out for the life of me.

[already asked here: https://www.ads-software.com/support/topic/issue-with-current-menu-item-custom-menus-active-state?replies=5 – please continue with that topic and add more relavant information there if necessary]

When I click either an item in the main nav bar, or one of it’s sub-menu item from a drop down, the main link changes to the active state, but so do all of the sub-menu items in the drop down.

I’d like to have the main link and just the actual sub-menu item that was clicked be in an active state, with the rest of the sub-menu items behaving like regular links.

here’s the css:

#nav {
    margin-left: 395px;
    position: absolute;
    width: 400px;
    display: block;
    margin-top:28.5px !important;
}

#nav {
     margin-top /*\**/:31px\9
}

.menu, .menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    z-index: 100;
}

.menu li {
    float: left;
}

.menu li.current-menu-parent ul, .menu li.current-menu-item ul {
display: block;
}

.menu a {
    float: left;
    display: block;
    color: #C0BFBE;
    padding: 9px 10px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    font-family: "Gill Sans", Arial, Helvetica, sans-serif;
}

.menu a:hover {
    color: #ab9878;
}

.menu li.current-menu-item a, .menu li.current-menu-parent a{
   opacity: 0.5;
}

/* Styling for sub-menus */

.menu li ul {
    position: absolute;
    width: 200px;
    left: -999em;
    background: rgb(31,23,20);
    background: rgba(31,23,20, 0.9);
    margin-top:30px;
    padding-top:15px;
}

.menu li:hover ul, #nav li.sfhover ul {
    left: auto;
}

.menu li ul li a {
    font-size: 11px;
    color: #C0BFBE;
    width: 180px;
    border-bottom: 1px solid #AB9878;
    text-transform: none;
}

.menu li ul li a:hover {
    color:#AB9878;
    background: rgb(31,23,20);
    background: rgba(31,23,20, 0.8);
}

.menu li ul ul {
	margin: -35px 0 0 180px;
}

.menu li:hover ul ul, .menu li.sfhover ul ul {
	left: -999em;
}

.menu li:hover ul, .menu li li:hover ul, .menu li.sfhover ul, .menuli li.sfhover ul {
	left: auto;
}

Any help is greatly appreciated!

I’m trying to figure out why the “News” link at the top of my page is not changing colours (like the “About” page) when active. I set it as the home page (through Settings > Reading), so I’d like the active link to be the correct colour when the user is on the home page AND the News page. Or at least the News page.

Any help would be appreciated.