Site logo

Archived topic

Color and thickness of the line below the menu items

13 replies · Started by Sebastien on April 7, 2019

Viewing posts 1–14 of 14

Hi,

Thanks for your great framework! I would like to change the thickness and color of the line appearing just below the primary menu when hoovering / selecting them. It's currently black and bold, and would like it red and thin. Any idea? Thanks!
Bests

Hi there,

There aren't any lines added by default for menu items.

Any chance you can link us to the site in question?

You can edit the original topic and use the private URL field.

Let me know :)

hi, sorry, I used a template (Dispatch) from your library, so couyld come from there. I've edited the original topic and added the URL. Don't hesitate if you need more!
Thanks

Hi there,

in Customizer > Additional CSS look for this rule and change the height px:

.main-navigation ul li:hover:after, .main-navigation ul li.current-menu-item:after {
    height: 6px;
}

Hi David, I don't haver any Additional CSS in my Customizer. I've got simple CSS, but not advanced CSS and this rule doesn't appear. I try to add it to simpleCSS, no success. Any idea? Thanks

Yes, I'm the admin (no question there ;o) but it doesn't appear !

Hi, I tried to remove all plugins, to ask to Kinsta (my hosting) to look at it on their side, no success. We don't undersgtand why it doesn't appear. Quite strange. Any way to use SimpleCSS or any other method?
thanks in advance.

Hi there,

can you double check the Customizer > Additional CSS? As this is where the CSS is in your sites code and its where it would have been imported when you first installed the Dispatch Site.

Hi David, as explained, and we don't kn ow why or correct it, the customizer / additional CSS doesn't appear at all! Any possibility to edit the file directly (I've got access to all of them). Thaks!

Thats odd - have you any plugins or functions to remove the Additional CSS from the Customizer? Its a standard for WP - GP doesn't effect it.

I know, we removed everything, I've discussed it at length with the web hosting support staff (from Kinsta, they're good!), no reason but still, we don't have it. Can I use a child theme to change it?

That is weird - there is a quite some CSS in there that was imported by the Site. You may want to try disabling plugins to see if something there is conflicting.

But you can try overriding it with this:

.main-navigation ul li:hover:after, .main-navigation ul li.current-menu-item:after {
    height: 3px !important;
}
.main-navigation ul li:after {
    background-color: red !important;
}
This archived topic is closed to new replies.