How to change spacing above + below logo

Posted in: Newsmag
Post count: 6

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)

Click Here To See Markup Image

Post count: 35449

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!

Post count: 6

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.

See Screenshot of Code

Post count: 35449

Hi,

Please provide me a link to your website, in this way I will be able to make a code that will work for you.

Thank you!

Post count: 6

Hi,

Here is a link to my website.

https://thelimitlesswomen.com

Appreciate it!

Post count: 35449

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!

Post count: 6

New code works great, thank you so much!!!

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