Hello,
Couple questions:
1) How do I change the margin spacing above and below my logo? I would like to reduce the white space. (See blue markup on attached image)
2) How do I change the button hover color? I do not like how it shows up black. Ideally I would like it to not change color at all when hovered over. Is this possible? If not, please show me how to change the color. (See red markup on attached image)
Hi,
1. Unfortunately, there is no option in theme to reduce the space above and under logo, but you can achieve this using a custom css like this one -> https://i.imgur.com/zwkvErt.png
.td-header-container.td-header-wrap .td-header-header{
height: 90px;
}
.td-header-sp-logo .td-logo{
height: 60px;
}
This code need to be set in theme panel> custom code> custom css.
2. Also for menu the only settings that Newsmag theme has are these from theme panel -> https://i.imgur.com/Kv8wxEL.png unfortunately for what you need you must use a custom css like this one -> https://i.imgur.com/JG4Q5rI.png
.sf-menu > .current-menu-item > a, .sf-menu > .current-menu-ancestor > a, .sf-menu > .current-category-ancestor > a, .sf-menu > li > a:hover, .sf-menu > .sfHover > a {
background-color: transparent;
color: #fff;
z-index: 999;
}
Thank you!
I have added the code you suggested above. The code for the logo worked, but the second piece of code you gave me for making the buttons transparent did not work.
Hi,
Try this custom css for menu -> https://i.imgur.com/ClWtPOv.png
.td-newsmag-magazine .td-header-style-1 .sf-menu > li > a:hover, .td-newsmag-magazine .td-header-style-1 .sf-menu > .sfHover > a, .td-newsmag-magazine .td-header-style-1 .sf-menu > .current-menu-item > a, .td-newsmag-magazine .td-header-style-1 .sf-menu > .current-menu-ancestor > a, .td-newsmag-magazine .td-header-style-1 .sf-menu > .current-category-ancestor > a{
background-color: transparent;
color: #59ab24;
}
Hope this will help you!