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;
}
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 2 years ago.
Improve this question
I want to change the background color of the "Contact" button in the mobile navbar of this website https://originmedia.at with Wordpress to the same orange color like the other buttons on the website. Does anyone know how I can change it?
Try adding this code to Customize > Additional CSS:
#menu-2-5279cfc li:last-child a {
background: cornflowerblue;
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
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;
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
I'm trying to style only 2 links in a footer and can't figure out how to do that in css.
This is the HTML
And the CSS I tried
I'm having some trouble posting direct code so I screenshotted both the CSS and HTML
CSS should be, note no spaces before "navbar-default" and "orange"
footer.navbar-default li.orange {
color: #c5ae51;
}
But better to drop footer and li selectors:
.navbar-default .orange {
color: #c5ae51;
}
Can you please post your complete code so that I figured it out.
try, this should work for you.
.navbar-default li.orange {
color: #c5ae51;
}
Try To add css a instead of li see below
footer.navbar-default li.orange a{
color: #c5ae51;
}
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;}