change navbar dropdown color in bootstrap

change navbar dropdown color in bootstrap

How to change the color of navbar dropdown color in a bootstrap based menu in a website?

Thanks

View Answers

March 27, 2015 at 9:48 AM

Hi,

You should use the following code in your custom css file:

.navbar-default .navbar-nav .open .dropdown-menu>li>a,.navbar-default .navbar-nav .open .dropdown-menu {
    background-color: #9F0000;
    color:#ffffff;
 }

Above code customized to add the required color.

Thanks









Related Tutorials/Questions & Answers:
change navbar dropdown color in bootstrap
change navbar dropdown color in bootstrap  How to change the color of navbar dropdown color in a bootstrap based menu in a website? Thanks  ...-default .navbar-nav .open .dropdown-menu>li>a,.navbar-default .navbar-nav
How to change color of opened Bootstrap drop down toggle?
How to change color of opened Bootstrap drop down toggle?  HI... .navbar-nav .open .dropdown-menu { background-color: #9F0000; color... to change the color of the same? Thanks   Hi, Following code works well
Advertisements
color change
color change  how to change the color in circle using scrollbar
ModuleNotFoundError: No module named 'django-bootstrap-navbar'
ModuleNotFoundError: No module named 'django-bootstrap-navbar'  Hi...: No module named 'django-bootstrap-navbar' How to remove the ModuleNotFoundError: No module named 'django-bootstrap-navbar' error? Thanks   
ModuleNotFoundError: No module named 'django-bootstrap-navbar'
ModuleNotFoundError: No module named 'django-bootstrap-navbar'  Hi...: No module named 'django-bootstrap-navbar' How to remove the ModuleNotFoundError: No module named 'django-bootstrap-navbar' error? Thanks   
change player dress color
change player dress color  Hai friends, Can we change player dress color using J2ME. Please provide me an code for this. I can able to attain three colors only. Send the code to mail id. [email protected]_TO_REPLACE_1
How to remove the background color of bootstrap menu bar?
How to remove the background color of bootstrap menu bar?  Hi, What css can be used to remove the color of bootstrap menu bar? thanks   Hi, Use the following code: .navbar { background-image: url(/d2/images
how to change color of titlebar in java
how to change color of titlebar in java  pls help
ModuleNotFoundError: No module named 'change-bootstrap'
ModuleNotFoundError: No module named 'change-bootstrap'  Hi, My... named 'change-bootstrap' How to remove the ModuleNotFoundError: No module named 'change-bootstrap' error? Thanks   Hi, In your
To change the color of text hyperlinks midway
To change the color of text hyperlinks midway   Is there a way to change the color of text hyperlinks midway through a page? If so, what code do I use
To change the color of text hyperlinks midway
To change the color of text hyperlinks midway   Is there a way to change the color of text hyperlinks midway through a page? If so, what code do I use
To change the color of text hyperlinks midway
To change the color of text hyperlinks midway   Is there a way to change the color of text hyperlinks midway through a page? If so, what code do I use
change color according to the database value
change color according to the database value  any one know how to get values from database ( 1 or 0 ) and according to that change the color ( red or green) of given list
Setting bootstrap container background color
Setting bootstrap container background color  How to set the background color of the container in bootstrap for a web page? Thanks   Hi, You can set the color using the following code: body { background-color
MKMapView Change Red Pin Color
MKMapView Change Red Pin Color  MKMapView Change Pin Color Hi, in my iphone map view application, i displayed the image on annotation instead of custom pin. But however on click it changes to red color pin. Can any one please
change color of back ground using switch
change color of back ground using switch   how to change back ground color according to day using switch case
Change the color of the selected tab
Change the color of the selected tab Swing provides different methods to give color effects which gives a presentable look to the components. In this section, you will learn how to change the color of the selected tab. For this, we have
Change background color of text box - Java Beginners
Change background color of text box  Hi how can i change... while on entering a correct value its background color should change green... problem. Please try the code. Change background Color function
How can I change UIButton title color?
How can I change UIButton title color?  Hi, I have a button in my iPhone/iPad application. I want to change the color of the text when user clicks..., You have to set the color of the button for a particular state say
How to change the color of a base64-encoded png image JQuery?
How to change the color of a base64-encoded png image JQuery?  I am going to change the colors of the pixels of a png image(which is in base64 format.... the original image is shown, but the color does not change. Do you know why
how to change div background color in javascript
how to change div background color in javascript  how to change div background color in javascript ?   <div id="Name">   <div class="content">      <h2>Your Name here</h2>       <p>First
JavaScript change background color automatically
JavaScript change background color automatically In this section, you will learn how to change the background color of the web page automatically. Now..., we have used using the Math.random(). The window.setTimeout() function change
Java Servlet Change Background Color
Java Servlet Change Background Color You can provide an effective way to the web page by changing the background color of the web page. In servlet, you can do this by using javascript. Here, we are going to change the background color
how to change background color in dojo tab container - Framework
how to change background color in dojo tab container  how to change background color in dojo tab container
change one type of color in between more colors
How to change one type of color in between more colors... to change one type of color in more than one color, It is so easy to make this example.... It will cover the same color area to change another color. ADS_TO_REPLACE_2
Change Color and Font of text
Change Color and Font of text       This section illustrates you how to change color... to render text and the TextAttribute.FOREGROUND sets the color. The values
How to change the dropdown values based on other dropdown in itext pdf or in any other?
How to change the dropdown values based on other dropdown in itext pdf or in any other?  How to change the drop down values based on another drop down? For eg: If we select one county, that related states only come, if we select
how do you change the message box to a specific color
how do you change the message box to a specific color  How do you change the message box color to a specific color? I can get the color to change with each input but i cant give it a specific color. Example I'm trying to change
servlet backgorund color change - JSP-Servlet
servlet backgorund color change  code for servlet that changes background color in every 10 seconds.  Hi Friend, Try the following code: import java.io.*; import java.sql.*; import java.util.*; import
How to change table row color when click on Hyper Link in jsp?
How to change table row color when click on Hyper Link in jsp?  I use... row2 row3.. when click on the link1 automatically change the the row1 color,similarly when click on the link2 automatically change the the row2
How to automatically change the value of the textbox based on the dropdown list?
How to automatically change the value of the textbox based on the dropdown list?  I want to know how to automatically change the value of price...; </tr> <tr> <td style="color:red">
to change the styleclass color of <apex:outputlabel > onclick button function in javascript
to change the styleclass color of onclick button function in javascript ... , then through javascript how can we change the color of outputlabel to red color .my { color: Black; font-size: 10px; font-family: Arial
Change JPanel background color from mouse entered/exit event
Change JPanel background color from mouse entered/exit event  I have..."); and I got it to work that way but I couldn't get the tile JPanels to change color with setBackground(new Color());. Any suggestions would be greatly appreciated
How to change backgroundcolor and foreground color of JLabel in Java - Java Beginners
How to change backgroundcolor and foreground color of JLabel in Java  How to change backgroundcolor and foreground color of JLabel in Java  Hi Friend, Try the following code: import java.io.*; import java.awt.
dropdown
dropdown  how to hide textbox field when i deselect from select dropdown
dropdown
dropdown  I have a dropdown having 2 options-"Open"& "closed".When i select "open" option the related rows of data are retrieved from database and same with the other option.My database is Mysql and coding in PHP
UIWebView Background Color
UIWebView Background Color If you wanted to change the background color...). Where as setBackgroundColor will allow you to change the color of background area of UIWebView or UIView. This example illustrate you how to change the color
Photoshop eye color brown to blue
;    How to change the eye color from brown to blue If you want to change the eye color but you are not able to do that then this tutorial.... Your image will be like this. Change color: Go to Image menu > Adjustment >
ModuleNotFoundError: No module named 'django-navbar'
ModuleNotFoundError: No module named 'django-navbar'  Hi, My... 'django-navbar' How to remove the ModuleNotFoundError: No module named 'django-navbar' error? Thanks   Hi, In your python
ModuleNotFoundError: No module named 'django-navbar'
ModuleNotFoundError: No module named 'django-navbar'  Hi, My... 'django-navbar' How to remove the ModuleNotFoundError: No module named 'django-navbar' error? Thanks   Hi, In your python
ModuleNotFoundError: No module named 'edc-navbar'
ModuleNotFoundError: No module named 'edc-navbar'  Hi, My Python... 'edc-navbar' How to remove the ModuleNotFoundError: No module named 'edc-navbar' error? Thanks   Hi, In your python environment you
ModuleNotFoundError: No module named 'flask-navbar'
ModuleNotFoundError: No module named 'flask-navbar'  Hi, My Python... 'flask-navbar' How to remove the ModuleNotFoundError: No module named 'flask-navbar' error? Thanks   Hi, In your python
changing Chunk Color
change the color of chunk color .This example tell you how you can change the color of chunk and how you can add fonts and gives the size of the fonts... changing Chunk Color     
Change Background color using Custom Tag
Change Background color using Custom Tag In this program, We will create a Custom Tag which changes the background color. JSP Custom Tags : Provide... according to your choice, this background color change is due to the custom tag
UINavigationBar Color - iPhone example
UINavigationBar Color - iPhone example The example is discussing about how to change the color of UINavigationBar. In iPhone applications you can customize the UINavigationBar and change their color either programmatically or by Interface
UITableView Background Color
UITableView Background Color To change the background color of UITableView...]; The above line will change the default background color into gray color. You can... changing the color of all the cells or table view background. But you can also draw
ModuleNotFoundError: No module named 'django-navbar-client'
ModuleNotFoundError: No module named 'django-navbar-client'  Hi...: No module named 'django-navbar-client' How to remove the ModuleNotFoundError: No module named 'django-navbar-client' error? Thanks   Hi
ModuleNotFoundError: No module named 'grappelli-dynamic-navbar'
ModuleNotFoundError: No module named 'grappelli-dynamic-navbar'  Hi...: No module named 'grappelli-dynamic-navbar' How to remove the ModuleNotFoundError: No module named 'grappelli-dynamic-navbar' error? Thanks  
ModuleNotFoundError: No module named 'odoo8-addon-web-clean-navbar'
ModuleNotFoundError: No module named 'odoo8-addon-web-clean-navbar'  ...: No module named 'odoo8-addon-web-clean-navbar' How to remove the ModuleNotFoundError: No module named 'odoo8-addon-web-clean-navbar' error
ModuleNotFoundError: No module named 'django-grappelli-navbar'
ModuleNotFoundError: No module named 'django-grappelli-navbar'  Hi...: No module named 'django-grappelli-navbar' How to remove the ModuleNotFoundError: No module named 'django-grappelli-navbar' error? Thanks   

Ads