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
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 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 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.