I have tried using id's for each individual navbar options but the background color wont change only the text in the navbar changes.
My required outcome is to get a background color for each navbar option.(Note this is a bootstrap template I am editing). This is a link to my files with what I have tried so far.
You can add styling inline with html using style="background-color:blue;"
if you are using the bootstrap template then you can use the following classes
class="bg-primary" // to add blue background.
.bg-secondary // to add gray.
.bg-success // to add green etc.
to change the text use class="text-primary" and other classes.
check out more here(colors) and here (navbar).
Related
I tried typing it inline but couldn't find it and typed it but couldn't find.
background-color:red; color:red dont work.
SBAdmin2 theme => https://startbootstrap.github.io/startbootstrap-sb-admin-2/
https://i.stack.imgur.com/NMndz.png
On class tag <ul>, you can change bg-gradient-primary to bg-gradient-danger
change background color sidebar
I made a transparent menu with white text on it and when we hover it the whole topbar becomes white and the text becomes invisible because of the same color.
I want to change the font colors to black of all the items in the columns when we hover anywhere on the top bar.
I am using elementor.
This is my website:
http://ha123.epizy.com
Please suggest if there is a plugin for this or any code. As a newbie I would be really happy to learn from you guys.
Thanks.
You could solve this using custom CSS code. If you use Elementor Pro, you could put this CSS inside of the plugin somewhere, but if not you can just add it either in the Customizer in Wordpress, or in a custom (child) theme.
Something like this could work in your case:
.elementor-widget-ekit-nav-menu:hover .elementskit-navbar-nav > li > a {
color: black;
}
You might actually also be able to solve this using Elementor itself in the style settings somewhere, but that depends on how everything is set up and which elements you are using.
I'm using twitter bootstrap and I wanna set my page background-color to #f8f8f9. But I think the twitter bootstrap default white background is getting in the way.
I read and tried the methods in these as well:
How to change twitter bootstrap background color
How to change the default background color white to something else in twitter boostrap
assign background color in twitter bootstrap 3
I tried
body{ background-color: #f8f8f9 !important};
in an external CSS file and inline as well. But none worked.
Any idea how to overcome this problem?
Thanks in advance!
Use Less. In there, it's just a color variable that needs to be changed. Then, compile it again and your new background color should apply.
If you are not sure where to begin, this generator should help you: http://bootstrap-live-customizer.com
your Code work well,color with Hex ID #f8f8f9 is what you see after run code.
http://www.color-hex.com/color/f8f8f9
I offer try this code and see work or not?
body {
background-color: #3b3ba9 !important;
}
if work well so your code is ok, else find css rule that overlap this rule.
I would like to know how to set dynamic background colour using CSS.
For example if you go to this link you will see the background colour of the Ask a question button is #5CB85C but my theme colour is #CD2122. What is want is Background colour of Ask a question should be dependant on my theme colour. So if I change the theme colour to Red, Blue or anything button colour should also be changed accordingly.
Hope I was able to explain it clearly.
Thanks
Avinash
you have to made a css for this two different css like blue.css n red.css when your theme color red than call red.css .. according to theme change css..
I have a div tag in my modal dialog built using JQuery like this: div id="dialogxxxx" title="xxxxx" . I want to just change the font and background color of the title alone, i.e. only the place where the title is displayed. Right now it has a default color and font. I want to change it to a specific color, but do not want to change the background color and font of the entire div, just the place where the title is displayed. Is there a way to do this? I tried adding style tag to the div, but that changes the background color of the entire div, not the title alone. I also tried doing div#title, that didnt help either.
Any pointer/help is greatly appreciated.
Thanks,
Asha
If you want a quick-n-dirty way, you can simply override the .ui-widget-header css rule, e.g.
.ui-widget-header {
background: red;
}
See this in action: http://jsfiddle.net/william/NgVAu/.
If you want a more maintainable approach, you should use the ThemeRoller, configuring the "Header/Toolbar" section. If you open up your css file, you can find a URL to the ThemeRoller with the theme it's using. It is located in the second lot of comment, after "To view and modify this theme", e.g.
/*
* jQuery UI CSS Framework #VERSION
*
* ...
* http://docs.jquery.com/UI/Theming/API
*
* To view and modify this theme, visit http://jqueryui.com/themeroller/?...
*/