Header style

Posted in: Newspaper
Post count: 18
daodaodao
#75000
Oct 19, 2015 at 6:50 pm

Hi,

My website https://nopua.com

I’m using “Style 5 – Full dark menu with logo” and modified THEME COLORS > Main menu to make it white. I want to make Style 5 the white version because you don’t have “Full white menu with logo” style. The problem is the hover / active (blue highlight) now is not “bottom-border” style like Default or other “white” styles.

Is there an easy CSS tweaks to make hover / active highlight only “bottom-border” instead of the whole anchor area?

Thanks!

Dao

  • This topic was modified 10 years by daodaodao.
  • This topic was modified 10 years by daodaodao.
  • This topic was modified 10 years by daodaodao.
  • This topic was modified 10 years by daodaodao.
  • This topic was modified 10 years by daodaodao.
Post count: 22421
Bogdan B.
#75049
Oct 20, 2015 at 9:46 am

Hello,
Please paste this custom CSS in the theme panel-Custom CSS box:

.td-header-style-5 .sf-menu>li>a:after {
background-color: transparent;
content: "";
width: 100%;
height: 4px;
position: absolute;
bottom: 0;
left: 0;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
display: block;
}
.td-header-style-5 .sf-menu>.current-menu-item>a:after, .td-header-style-5 .sf-menu>.current-menu-ancestor>a:after, .td-header-style-5 .sf-menu>.current-category-ancestor>a:after, .td-header-style-5 .sf-menu>li:hover>a:after, .td-header-style-5 .sf-menu>.sfHover>a:after {
background-color: red !important;
}
.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 !important;
}

I set the border color to red, but you can modify the code to any color you want it to display.
Thanks.

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