The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

CSS Row Hover problem

4 posters

Go down

Solved CSS Row Hover problem

Post by Dazo November 4th 2015, 5:44 am

So I has a problem. I have this CSS code that is a background image on the .row. What it does is that when you hover over a row background position changes.

On the homepage, everything is normal and looks like this:
CSS Row Hover problem IxIIaL7

So my expectation when I go to check the forum for threads is that it will look like that. But nope. When I plug in the code, this happens in the forum, and I don't really like it, and I want to change it (We will call this result A).:
CSS Row Hover problem Gs05Qj7

So, I took out the code, and it looked like this (We will call this result B).:
CSS Row Hover problem X3lupxs

So how do I fix my code so that it looks like result B, but still has the same function and still did the same thing.
Here is code btw, took out the img because, but I do has one
Code:
.row {
  background:url() repeat-y -6px 0 !important;
  transition:300ms;
}

.row:hover { background-position:0 0 !important; }


Last edited by Dazo on November 5th 2015, 1:37 am; edited 1 time in total
avatar
Dazo
New Member

Posts : 22
Reputation : 1
Language : English

http://alphaknightacademy.forumotion.com/

Back to top Go down

Solved Re: CSS Row Hover problem

Post by SLGray November 4th 2015, 8:16 am

Please post your forum's link.


CSS Row Hover problem Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51464
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: CSS Row Hover problem

Post by Ange Tuteur November 4th 2015, 10:39 am

Hi @Dazo,

Try adding a background color to your background declaration :
Code:
.row {
  background:url() repeat-y -6px 0 #EEE !important;
  transition:300ms;
}
 
.row:hover { background-position:0 0 !important; }
See #EEE
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: CSS Row Hover problem

Post by Dazo November 5th 2015, 1:37 am

Yey! Its working naow! Thank you very much Ange! Razz

Marked as solved
avatar
Dazo
New Member

Posts : 22
Reputation : 1
Language : English

http://alphaknightacademy.forumotion.com/

Back to top Go down

Solved Re: CSS Row Hover problem

Post by brandon_g November 5th 2015, 3:10 am

Topic solved and archived ~ brandon_g


CSS Row Hover problem Brando10
Remember to mark your topic CSS Row Hover problem Solved15 when a solution is found.
General Rules | Tips & Tricks | FAQ | Forgot Founder Password?

CSS Row Hover problem Scre1476
Team Leader
Review Section Rules | Request A Review | Sticker Points
brandon_g
brandon_g
Manager
Manager

Male Posts : 10106
Reputation : 923
Language : English
Location : USA

https://www.broadcastingduo.com

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum