Remove blue square background when hover main menu

Posted in: Newspaper
Post count: 10

Hello,
I’m using Standard template with Style 5 in main menu. When hover menu, it appears a blue square in the item menu. I would like when hover just the main menu text turns to blue and the menu keeps black, like TagDiv main menu site.
Site: https://triboinvest.com.br/
Could you send me the CSS code to make this?

Thank you,

Post count: 35449

Hi,

Please try this custom css
https://www.screencast.com/t/4O0E6zihQ
.td-header-style-5 .black-menu .sf-menu > .current-menu-item > a, .td-header-style-5 .black-menu .sf-menu > .current-menu-ancestor > a, .td-header-style-5 .black-menu .sf-menu > .current-category-ancestor > a, .td-header-style-5 .black-menu .sf-menu > li > a:hover, .td-header-style-5 .black-menu .sf-menu > .sfHover > a {
background-color: transparent;
color: #4db2ec;
}

Add the code in Newspaper>theme panel.Custom code>Custom css

Hope this will help you.
Thanks.

Post count: 10

Perfect! Thank you!

Post count: 10

Calin, one more question, I would like to add a thin red line in bottom border of main menu bar. It would look like this print: https://paste.pics/4HEKA
Is it possible?

Thanks you,

Post count: 35449

Hi,

This is the custom css for border bottom line
.td-header-style-5 .td-header-menu-wrap-full {
border-bottom: 3px solid red;
}

https://www.screencast.com/t/m5Wth5NH
If you want you can change the color;

Thanks.

Viewing 5 posts - 1 through 5 (of 5 total)
The forum ‘Newspaper’ is closed to new topics and replies.