Linked Questions

7 votes
3 answers
162k views

I have a div which has text and an image in it. I want all text and background within the div to change color when I hover anywhere within the div. I have made it so that the text at the bottom ...
tomjoweb's user avatar
  • 101
3 votes
4 answers
12k views

I am trying to code a button that changes color when you hover over it/click on it. However, I ran into an issue. There is a space between the text and the edges of the div section, and if you hover ...
user avatar
0 votes
4 answers
15k views

I am attempting to add a text color change on my a tag. Inside of my a tag I have two separate span classes. One to keep the text black and the other to have the text gray. On hover, I would like both ...
mattjkj's user avatar
  • 123
2 votes
1 answer
4k views

I want to change the background color of child div on hover of the parent div. Currently, I am able to change the color but only on hover on child div. However, I want to change the color on hover of ...
Afaq Shahid's user avatar
2 votes
1 answer
728 views

So it's time to enlist the help of people smarter than myself. What I'm trying to do is get CSS hover effects to work on multiple elements. Code for example: <div class="box alt"> <div ...
BGill's user avatar
  • 25
-2 votes
3 answers
905 views

Changing a color of a element by hovering the mouse over I have the following HTML <p class="ItemMenu "><a href="">Inicio</a></p> <p class="ItemMenu "&...
Bruno Silva's user avatar
0 votes
0 answers
51 views

I want the .fa-sliders-h:hover to happen when i hover the parent div .r1c1:hover without the parent without the parent div being affected by the red color and the 180deg. Parent div .r1c1:hover { ...
Arasto's user avatar
  • 491
0 votes
1 answer
46 views

I am cooking up a design for my website. I have added a settings button and I want to make it the gear icon inside of the button rotates whenever you hover over the button. The only issue is that I ...
c4l's user avatar
  • 1
3 votes
5 answers
10k views

I have an HTML structure like this There's a div with an a tag inside of it. I want it that when I hover over the div, the background color of the div changes and the color of its a tag changes to ...
heaven's user avatar
  • 45
-1 votes
5 answers
4k views

I must be doing something wrong, but I can't find why. Here's the fiddle Why does this work: #searchClubsForm input[type=text]:focus { background: blue; } But this doesn't? #searchClubsForm ...
bicycle's user avatar
  • 8,448
0 votes
3 answers
1k views

I have a page with a lot of bootstrap cards. When I hover on the card, I want the icon color to be white rather than black. I tried different methods but I couldn't succeed. I added a class like .fa-...
SNaRe's user avatar
  • 2,067
2 votes
4 answers
1k views

I have a div that holds an image and an unordered list. <div id="holder"> <img src="#" alt="some image"></img> <ul> <li>List Item 1</li> <li>...
strasbal's user avatar
  • 141
0 votes
1 answer
1k views

I am having a trouble changing the color of SVG along with the button. I want SVG color to change when I hover onto a button with SVG in it, now it works just when I hover over an SVG image inside ...
Potronic's user avatar
3 votes
1 answer
244 views

I'm having a list with a total of 5 elements and on hover, on any individual element, I'm trying to translate that element 7% in the x-direction and -15% in the y-direction with a half-second ...
Utsav Meena's user avatar