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, 7 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)

Tagged: Customizing Toolset Starter, Toolset Starter Theme

This topic contains 3 replies, has 2 voices.

Last updated by Noman 6 years, 7 months ago.

Assisted by: Noman.

Author

Posts

February 13, 2018 at 12:19 pm #615619

mirceaP

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

February 13, 2018 at 3:41 pm #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

February 13, 2018 at 10:01 pm #615830

mirceaP

Hi. It worked, thanks!

Yeah, the background color and the padding as well.

February 14, 2018 at 11:37 am #615965

Noman

Supporter

Languages: English (English )

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

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.