Edit Top Menu

Hello,

You can try this in your Custom CSS for achieving that:

#menu-meniu-top li a {
    color: #000;
    font-size: 15px;
}

Thank you.

It worked! Thank you!

Is it possible to turn them into tabs, like the ones I have at the primary menu?

Hello FvF,

You can try this in your Custom CSS:

.top-navigation-wrapper {
    background-color: #271d07;
    padding: 5px;
}

Hope that helps you, feel free to ask if there is any other problem.

Thank you.

I’ve found these in my CSS file.

/*— Top Navigation —*/
div.top-navigation.container{ position: relative; z-index: 20; min-width: 980px; }
div.top-navigation-wrapper{ float: right; }
div.top-navigation.container{
font-size: 11px; padding-top: 3px; padding-bottom: 0px; line-height: 100%;
text-align: center; background: transparent;

-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;}
div.top-navigation-right{ float: right; margin-left: 15px; }
div.top-navigation-right img{ float: left; margin-top: -2px; margin-right: 7px; }
div.top-navigation-left{ float: right; }
div.top-navigation-left ul{ list-style: none; margin-left: 0px;}
div.top-navigation-left li{ float: left; }
div.top-navigation-left li a{ color: inherit; padding: 0px 8px 0px 8px; line-height: 100%; display: block; }
div.top-navigation-left li:last-child a{ padding-right: 0px;}
div.top-navigation-left li ul{ display: none; }
div.top-navigation-left ul li:last-child a{ border-right: 0px !important; }
div.top-navigation-left ul li:first-child a{ padding-left: 0px !important; }

div.top_navigation-header-padding{ padding-top: 15px; }
div.top-navigation-wrapper.container{
padding-top: 5px; padding-bottom: 0px; background: transparent; }

I think it’s better to edit these instead of adding another code, right?

so to make the tab color #291f07 I need to edit:

font-size: 11px; padding-top: 3px; padding-bottom: 0px; line-height: 100%;
text-align: center; background: #291f07; ?

And for the text color to be #ffffff, where should I edit?

Thanks a lot Sam!

Hello,

Yes, you can edit your code directly in the CSS file, but if you do so then these changes you have made will override with the default one when you update your theme in future.

So to be safe and not to make the changes again and again, it is recommended to add the customized CSS in the Custom CSS area or by using a child Theme:

[ Moderator note: link redacted, please do not send people to your site that way. ]

And for the text color you can add this in your Custom CSS:

.menu li a {
    border-right: 1px solid #fff !important;
    color: #fff !important;
}

Hope that helps.

Thank you.

• This reply was modified 8 years, 3 months ago by Jan Dembowski.

Thank you Sam! It worked!