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.
Related
Using template engine as PUG
Html body
nav#navbar
ul.flex-container
div#logo
img(src='/static/logo3.png')
This is what image logo3.png looks
Can you suggest any css property?
Or photoshop tool to do it.
Searched but found opacity property which doesn't help.
You should use Google for more of these simplest tasks. This is not the right place to ask these type of questions. You can use an online background remover like https://remove.bg to remove backgrounds if you are not familiar with image editing apps. Btw, here's your updated image:
We can use background remover online tool as Vivek mention.
We can also do it by using css *Invert which changes white background to black. We can also use contrast and other property for it *Css filter function
#logo img{
filter: invert(1);
height: 50px;
width: 60px;
}
This is result of invert function
Thanks everyone who helped me in this!
Unfortunately this image is not transparent, you can see the gray and white chessboard pattern in the background.
I suggest you should use a photo editing app to select the content and delete everything other than the selection.
I am using classima theme and there is no option to change the background color. I have tried this
body { background-color: #080808; }
but Its not working.
then I checked the theme documentation, and I found there some classes which are below-
13| Built-in CSS Classes (Advanced)
You can use the following built-in css classes if needed-
primary-color- set primary color
secondery-color- set secondery color
primary-bgcolor- set primary background color
secondery-bgcolor- set secondery background color
so I tried primary-bgcolor in CSS
i.e
it didnt worked.
I also tried this enter code here
primary-bgcolor: #080808;
notthing is working there please someone help me.
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 installed triggered scrollbox and it's working but text box where you have to write your e-mail has white background and white font(font for whole theme is white). SO i would like to change it to any other color.
Thing is that i can't acces CSS to change it so i have to do it somehow in HTML but i don't know how.
This is the code:
[gravityform id="9" title="true" description="true"]
So question is how can I modify this gravity form code that change color of font?!
Vital information: other solutions can't help(CSS, etc.) bcs wordpress there is bought and it's pretty limited so i'm looking for a solution in HTML that can be implemented particulary in this line code.
You can set styles for input element in your HTML like this:
<input style="color: pink !important; background-color: black !important">
May be you need (may be not) to add !important to your styles to overwrite existing ones.
You can install plugin for custom css and add your custom css there to overide gravity form css.
Here is one simple plugin to do that: Cssor
Write the below css in your style.css
input{
color: #000; // if it is not applying, use ! important
}
It works for all input boxes
As you can see from these screenshots: http://imgur.com/JUh6VVG and http://imgur.com/Sg7av0n I'm using layerslider wp and I'd like to make the background around the text transparent. You can see in the second screenshot that there's a place for custom css. What css should I put in there to make that happen? As always I appreciate the help.
Cheers!
You'll have to find the class or id of that div. Once you know that, you can use the following css:
.your-text-div {
background-color: transparent;
}