Changing appearance of menu links


How can I do this?
1 - Remove the underline on the submenu links (I want to like the underline on the normal text, for example on a post/page, but not on the submenu). I want this for both desktop and mobile version.
2 - Make the submenu font, bold, the same way it is when I hover over it. I want this just on desktop version.

Tiago :slight_smile:

hey there

Hope you are having a good day and thank you for your question
Please add this CSS in appearance - customize - additional CSS

.dropdown-menu>li>a {
    text-decoration-line: none !important;
    font-weight: bold;

Colorlib Support Team


Thanks for the code. It made the font bold, but when I hover over the main menu (for example, Music), the sub menus are still underlined (Releases and Acapellas). They only disappear when I hover over them. I would like them to always be without the underline.

Thank you very much! :slight_smile:

Good morning

Ok, no problem, please try this css now:

.dropdown-menu> li> a {
color: #333;
border-bottom: 0px solid #eeeeee;

.dropdown-menu>li>a {
text-decoration-line: none !important;
font-weight: bold;
good code…


Good evening

Is there everything ok? :smiley:


I’m not sure if I’m explaining what I need properly.
Please check the image in attachment.
The Before is what it is now and the After is what I’m trying to achieve.
I want the text to show up without the line underneath it. (the Music menu)

Thanks! :slight_smile:


That’s already applied on your website :slight_smile: please clear cache and try again

You’re right. I can see it now.
Thank you so much again for your help! :slight_smile:

Hi, there

thank you :slight_smile:
Now I will now close the topic and mark it as resolved. Feel free to contact us again Thanks!