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 8 years ago.
Improve this question
I'm making a new theme and the menu is displaying as a list, with items, and I don't want that. Here you have a link to the site.
This is my css code
.links {
margin-left:250px;
list-style:none;
}
Thanks.
You should add
list-style: none;
to .menu class name specified element, not on .links ( which is not even exists ).
list-style:none; is to be applied to the ul, not the li tag.
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
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 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
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 8 years ago.
Improve this question
http://bluemonet.drupal-stg2.rschooltoday.com/
Need some help with the navigation. As on the link above, the "Athletics" tab, the second ul shows up..is there a way that i can hide the second ul and will show up once hover?
In your main.css change your css from this
.dropdown:hover ul {
display: block;
}
to this
.dropdown:hover > ul {
display: block;
}
You are showing all UL on :hover, that's why it showing all nested ULs.
To show only first level child you should use > (child) selector.
Thanks