Modify Inline index.php css value, to lower line-height of menu

advok · August 2016

Hi,

I would like to lower the line-height value of the sticky menu in my website, but there is inline css (bottom of the post)

I found this inline css previously, and changed the value in the Betheme Theme Options page, but now I can't find any option about it.

I tried to override this value in my child-theme using !important but it's not working, do you have any solution?

Thank you,

Best regards

@media only screen and (min-width: 768px) {

.menu-highlight:not(.header-simple) #Top_bar.is-sticky .menu > li > a span {

line-height: 30px !important;

} }

Albert · August 2016

Hi,

please send us link to page where you would like to do this first so we can have a look on it.

advok · August 2016

http://www.advok.it/nuovo

Thanks,

Best regards

Albert · August 2016

Ok, thanks. As you can see on http://pasteboard.co/cULcbLsnd.png line height of the sticky menu is already 30px what means your css is fine. So maybe what you would like to achieve is different from what you did. Would be great if you can show us on screenshot what you want to do with sticky menu.

advok · September 2016

Yes, it is 30px and I want to lower it, about 10 or 12px like in this screenshot:

http://pasteboard.co/fFwtCxg4i.png

Thank you

Albert · September 2016

Ok, so to decrease line height of sticky menu items, you need to use the following css:

.menu-highlight:not(.header-simple) #Top_bar.is-sticky .menu > li > a span { line-height: 10px !important; }

advok · September 2016

Hi,

I inserted the code, but it is being overwritten by the inline css as you can see here:

http://pasteboard.co/fXGCj3tkz.png

Thank you

Albert · September 2016

We did checked your site and you didn't put this css anywhere. It simply does not exist anywhere in code.

advok · September 2016

The code is in the style.css located inside the betheme-child folder:
http://pasteboard.co/hbdaH8bUJ.png

Albert · September 2016

You supposed to put this code under Theme options > Custom CSS & JS > Custom CSS section then.

advok · September 2016

That worked. I thought the best way to add custom css, according to the wp documentation was to crreate a child-theme folder, but that was not overriding that rule.

Thanks

Albert · September 2016

You're welcome!

Modify Inline index.php css value, to lower line-height of menu

Comments