Skip Navigation

[Resolved] Grey background added to main menu after I select -Toolset should load Bootstrap

This thread is resolved. Here is a description of the problem and solution.

Problem:
Do not want to show any background color when user hover on any menu item.

Solution:
Please add the following CSS in your theme’s or child theme's style.css file OR use this plugin to add the css in Admin or WP backend: https://wordpress.org/plugins/custom-css-js/

.nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent !important;
}
This support ticket is created 7 years, 2 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

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 4 replies, has 3 voices.

Last updated by prasadS 7 years, 1 month ago.

Assisted by: Noman.

Author
Posts
#572533

I am trying to: Use layouts / bootstrap to build the website

Link to a page where the issue can be seen: hidden link

I expected to see: The main menu background should not be changed after enabling bootstrap.

Instead, I got: On hovering over the main menu links, a grey background is seen.

Details:
In the Toolset settings, after I enable the 'Toolset should load Bootstrap 3.0' option, a grey background is added to the main menu links.

If I disable the bootstrap loading by selection 'This site is not using Bootstrap CSS', the grey background disappears.

I do not want this grey background to show up.

#572541

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

Hello. Thank you for contacting the Toolset support.

Well - as I understand you do not want to show any background color when user hover on any menu item - correct?

#575171

Apologies for the delay in replying. I missed out the email notification for your reply.

Correct. I do not want the grey background.

Regards,

Prasad Shelar

#575313

Noman
Supporter

Languages: English (English )

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

Hi Prasad,

I am going to takeover this ticket since Minesh is off. Please add the following CSS in your theme’s style.css file OR use this plugin to add the css In Admin or WP backend:
https://wordpress.org/plugins/custom-css-js/

.nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent !important;
}

Thank you

#576686

Thank you very much for the help. The css code worked perfect!

Regards,

Prasad Shelar