Hi Friends,
I have a request from client to make the 1st child links on a dropdown menu a different color from the 2nd links.

I had thought that in the template settings on dropdown that would be handled by Dropdown Header and Dropdown Link colors, but no.

Can you point me in a direction here? The link is www.trcmarin.org and the dropdown most in question is Resources in the main menu. He wants the top menu items to stand out.

Is this possible? I can change the link colors for ALL items, but he wants "headers" in contrast color.

Hi

No you can't style these independently you would need to use custom.css to style

It is possible - are you going to change the link structure as it may require targetting of specific link classes?

Cheers
Paul

actually this might work

#menu .item-150.deeper.parent li.zen-group a {color:red}
#menu .item-150.deeper.parent li.zen-group .zen-menu-child.cols-1 a {color:#000;}

replacing red with whatever you want to do with the link

Cheers
Paul

Thanks, I plugged that in to custom css file, with my chosen color substituted in for the red - it didn't work, but when I pasted the code copied from your example, it shows up in red in my custom css window. Doesn't this mean that I've gotten something wrong with the syntax? As seen here:



Thanks!

Hi There,

You have a typo in the first line with spaces before classes

#menu .item-150.deeper.parent li.zen-group a {color:red}
#menu .item-150.deeper.parent li.zen-group .zen-menu-child.cols-1 a {color:#000;}

so with your colour it would be

#menu .item-150.deeper.parent li.zen-group a {color:#0f75bc}
#menu .item-150.deeper.parent li.zen-group .zen-menu-child.cols-1 a {color:#000;}

You have this section of css missing opening brackets

#bottom1 .bottom
height: 90px;
}

#bottom3 .bottom
height: 90px;
}

#bottom2 .bottom
height: 90px;
}

and this line has an extra bracket

.dp-container h1, .dp-container h2, .dp-container h3, .dp-container h4, .dp-container h5, .dp-container h6 { {
color: #000000;
}

Once those errors are corrected the style then works for me when I add it to the bottom of the css file

If you think you have an error with css syntax and you know the style you want to add is correct add it at the top of the css file then remove and then add again at the bottom of the css code

If it works at the top of the file and not the bottom you know there is an error somewhere in the css syntax

On an unrelated note I did recently do a one to one session with a blind tech expert and we talked about this

www.bbc.co.uk/news/magazine-39056979
and
www.synapptic.com/products-and-prices.aspx

I have no relationship with the company selling the device

We also used Dolphin Supernova and Dolphin Guide but above is cheaper - it is also a UK product

Just thought I'd mention above given the nature of the site

Cheers
Paul

Did css changes work as expected for you?