Skip Navigation

[Resolved] styling menu font and background

The Toolset Community Forum is closed, for technical support questions, please head on to our Toolset Professional Support (for paid clients), with any pre-sale or admin question please contact us here.
This support ticket is created 6 years, 4 months ago. There's a good chance that you are reading advice that it now obsolete.
This is the community support forum for Types plugin, which is part of Toolset. Toolset is a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients and people who registered for Types community support can post in it.

Sun Mon Tue Wed Thu Fri Sat
- 12:00 – 17:00 12:00 – 17:00 12:00 – 17:00 12:00 – 17:00 12:00 – 17:00 -
- 18:00 – 21:00 18:00 – 21:00 18:00 – 21:00 18:00 – 21:00 18:00 – 21:00 -

Supporter timezone: Asia/Karachi (GMT+05:00)

This topic contains 3 replies, has 2 voices.

Last updated by Noman 6 years, 4 months ago.

Assisted by: Noman.

Author
Posts
#615619

Hi,
The site is live at hidden link.
I'm trying to replicate the menu look from hidden link, by styling header-nav and col-xs-7 classes, but with not much success. For the menu typo, the css should look smthing like:

.header-nav > li > a
{
color
font-size
...etc
}

?

Thank.
Mircea

#615717

Noman
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

Hi,

Thank you for contacting Toolset support. You can make same font size by using following CSS:

.header-nav ul li a {
    font-size: 14px !important;
}

.header-nav ul li a::after {
    content: none !important;
}

Do you also want to remove/change red/black background to example site color?

Thank you

#615830

Hi. It worked, thanks!

Yeah, the background color and the padding as well.

#615965

Noman
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

menu.png

Hello,

I have added the below code.

.bg-header-image nav {
    border: medium none !important;
	width:100% !important;
}

.navbar-default, body .ddl-navbar-default {
    background-color: #315c86 !important;
}

body .navbar-default .navbar-nav > .current-menu-item > a, 
body .ddl-navbar-default .navbar-nav > .current-menu-item > a, 
body .navbar-default .ddl-navbar-nav > .current-menu-item > a, 
body .ddl-navbar-default .ddl-navbar-nav > .current-menu-item > a, 
body .navbar-default .navbar-nav > .current-menu-item > a:hover, 
body .ddl-navbar-default .navbar-nav > .current-menu-item > a:hover, 
body .navbar-default .ddl-navbar-nav > .current-menu-item > a:hover, 
body .ddl-navbar-default .ddl-navbar-nav > .current-menu-item > a:hover, 
body .navbar-default .navbar-nav > .current-menu-item > a:focus, 
body .ddl-navbar-default .navbar-nav > .current-menu-item > a:focus, 
body .navbar-default .ddl-navbar-nav > .current-menu-item > a:focus, 
body .ddl-navbar-default .ddl-navbar-nav > .current-menu-item > a:focus {
	color: #315c86 !important;
	background-color: #fff;
}

body .nav > li > a, body .ddl-nav > li > a {
    padding: 16px 22px !important;
}

.navbar-nav > li, body .ddl-navbar-nav > li {
    padding-right: 30px;
}

Thank you

The forum ‘Types Community Support’ is closed to new topics and replies.

This ticket is now closed. If you're a Toolset client and need related help, please open a new support ticket.