Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
I downloaded a theme that has font awesome icons on the navbar section. When I try to change the color of that icons it remains the same.
I tried
.fa-home {
color:black;
}
But it doesn't work.
Try to apply the style to the :before element, where the icon is.
.navbarClass li [class^="fa-"]:before,
.navbarClass [class*=" fa-"]:before {
...
color: #COLOR;
}
The problem is with theme, it may have defined the color somewhere in the css file. Search for that and follow the classes of icon so you can find where the color of icon is defined. Or put the css class at the top of the file and add an "!important".
Like:
Color: black !important;
Related
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 4 years ago.
Improve this question
I am making a web site and using Bootstrap. I made the background color blue and now i cant read any text (<h1>, <p> etc) My <img> are all there (not affected by background color)
this is my css
body{
background: rgb(40,40,40);
}
I think you should first check if you didn't change the color somewhere in your CSS. for example: body{ color: rgb(40,40,40);}
If that's not the case, you can just put:body{color: black;}
You can always change the color of your text to a lighter color to get a better contrast with the dark background color, for example:
body {
background: rgb(40, 40, 40);
color: #fff;
}
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
My css
.title {
font-size:20pt;
font-weight:700;
}
My html
<div class="title">Some word</div>
But "Some word" won't style like I put in css (size 20pt, weight 700)
If I style right in the div
<div style="font-size:20pt;font-weight:700">Some word</div>
And it actually style it, but using css it won't style, so what is the problem?
Here is some image
CSS
i.stack.imgur.com/FG9C9.png
index.php link the correct my-app.css directory
i.stack.imgur.com/LaUSj.jpg
Div class "iostitle" like in css
i.stack.imgur.com/jp3oW.jpg
But no style
i.stack.imgur.com/V3n02.png
I have checked your images. I also wondered why the class .iostitle not recognized while the class below it .iosdesc is working correctly.
Maybe you need to force the div selector in front of the class like
div.iostitle {
font-size: 20pt;
font-weight: 700;
margin-bottom: -20px;
}
See if that's help
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I am using bootstrap framework and am trying to override some of its features. I have it working except one. I am trying to remove the background when a link is clicked. Right now the link is clicked and a grey background is shown behind. The problem also is that the link just goes to the bottom of the same page.
I have been able to remove the issue with the following code, however, doing it this way makes the background not show up on hover (the link remains active when clicked)
.navbar-custom .nav>li>a:hover {
color: #585858;
background-color: #fff;
}
.navbar-custom .nav>li>a:focus {
background-color: transparent;
}
If I understood correctly, you should be able to replace :focus with :active to solve your problem:
.navbar-custom .nav>li>a:active {
background-color: transparent;
}
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I'm trying to make a change to the text color on my navbar but it doesn't to work. I'm using bootstrap locally not from cdn.
Here is a screen shot of my code:
Since you want to change the anchor within the navbar-nav wrapper of your navbar class, you should specify that in your css too like this:
.navbar-nav li a {
color:white !important;
}
Demo jsFiddle: http://jsfiddle.net/AndrewL32/65sf2f66/69/
You should override bootstrap using the "!important" keyword..
Example:
.navbar {
color: white !important;
}
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
In http://tpgf7.nicolapps.ch/000555/, when you click the top left button, there is a « Twitter » button in the panel, but it doesn't have the right background-color. This is my CSS :
.social .twitter {
background-color:#55acee;
border: 1px solid #55acee;
}
But this doesn't work. However, the Facebook button works.
Inside /resources/css/tpgwidget.css I've found this:
.social .twitter {
background-color:#55acee;
border: 1px solid #55acee;
}
This is how your .css file looks like, so the special char at the end may be causing your problems. If you remove this char after class name, everything should be displayer properly, nothing else.
There is no twitter class in your stylesheet.Now twitter button accept background color from ".button.active" class.
You should add class ".social .twitter{}" in your stylesheet then you can style twitter button as your needed.Hope this will be work.
.button.active {background: #55acee;color: #fff;}