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;
}
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 1 year ago.
Improve this question
Hello !
I'm looking for a way to optimize my code, I have the impression to have useless code in my css file, the visual aspect is cool, (despite the fact that it is not responsive), and that it is not very well aligned so if someone has advice to give me on how to optimize this code, how to improve it, or how to better align the different elements that make up my site I'm a taker!
If it's not clear I can make things clearer here is my code :
HTML : https://bin.readthedocs.fr/wighte.txt
CSS : https://bin.readthedocs.fr/athead.txt
It's difficult to know exactly how to refactor without being on your end, but something I can point out is that you have several CSS selectors that effectively do the same thing:
.home-a:hover {
color: rgba(255,255,255,.55);
}
.store-a:hover {
color: rgba(255,255,255,.55);
}
.forums-a:hover {
color: rgba(255,255,255,.55);
}
.login-a:hover {
color: rgba(255,255,255,.55);
}
.register-a:hover {
color: rgba(255,255,255,.55);
}
All of this can be replaced by:
a:hover {
color: rgba(255,255,255,.55);
}
Since they are all anchor tags.
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/
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;
}