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
Here is the code
.navbar-brand a:hover {
color: #43cea2 !important;
}
<a class="navbar-brand" href="#about">Cole Caccamise</a>
Have you tried using inline style?
This isn't always the best solution but usually works for me
You could also add a custom class or Id to the element
.navbar-brand a{
color: #43cea2;
}
This means Select any anchor(a) element that is a child of any element with a class name of "navbar-brand".
you need to use-
a.navbar-brand:hover {
color: #43cea2;
}
you can read more here:
https://css-tricks.com/whats-the-difference/
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 5 years ago.
Improve this question
How i can change navbar font-size?
Image <--
Link: http://infinitefun20.blogspot.gr
since all elements are inside <a> tag inside .navbar-inverse to change to font size you could do
.navbar-inverse .nav-collapse .nav > li > a {
font-size:10px;
}
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 my code I set the text to be red, but it is not working. Can anybody help me with this? JSFiddle: https://jsfiddle.net/uk1u62vf/2/
Thank you!
Add p into
.list-item > .card {
color:red !important;
}
Should look like this
.list-item > .card p{
color:red;
}
you could also replace it with
.content p{
color:red;
}
EDIT: Explanation
You didn't target paragraph element. You have targeted div element with class card which is parent of div with class content which is again parent of paragraph you are trying to target.
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
Can anyone help me fix my code so that the hover colour only applies to the navigation bar and not the pictures too. I've tried to specify this by having .a.main-nav:hover { ...}etc in my code but that just gets rid of the hover altogether.
http://codepen.io/anon/pen/rOowGx
Thanks!
This code:
a:hover {
background-color: #ffbc00;
}
Should be like this:
.main-nav a:hover {
background-color: #ffbc00;
}
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;
}