Hovering with CSS [closed] - html

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;
}

Related

Changing Button Color in Wordpress mobile navbar [closed]

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;
}

I Want to change navbar font-size [closed]

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;
}

Z-index Issue with navigation bar [closed]

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
http://preview.spirecms.com/tpiswim.com/
The drop down navigation menu goes behind the slideshow and sidebar survey. It's probably a z-index issue, but I can't figure out how to fix it.
Thanks for your expertise!
This code can solve the problem :
#top-wrap {
background: transparent;
position: relative;
z-index: 1;
}

How to customize bootstrap [closed]

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;
}

CSS "hover" shows weird character [closed]

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 have created a sharing box but it is showing a weird character when I hover on sharing buttons:
screenshot: http://i.stack.imgur.com/GoNbq.png
It is live on here: http://www.dip223.com/uncategorized/aliquam-faucibus-lacinia/
I couldn't find why it is happening. please help.
The following element has text-decoration:underline; as part of its hoverstate:
<a href="https://twitter.com/intent/tweet?text=Night Life Not For the Faint of Heart - http://www.dip223.com/?p=1075" onclick="window.open(this.href, 'mywin', 'left=50,top=50,width=600,height=350,toolbar=0'); return false;">
Simply adding:
.si-share-wmpu a:hover { text-decoration: none; }
to your CSS should fix the problem.