The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

CSS Row Hover problem

View previous topic View next topic Go down

Solved CSS Row Hover problem

Post by Dazo on 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:


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


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


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

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 on November 4th 2015, 8:16 am

Please post your forum's link.


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


SLGray
Administrator
Administrator

Male Posts : 36639
Reputation : 2441
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: CSS Row Hover problem

Post by Ange Tuteur on 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
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: CSS Row Hover problem

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

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

Marked as solved

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 on November 5th 2015, 3:10 am

Topic solved and archived ~ brandon_g


Remember to mark your topic when a solution is found.

brandon_g
Support Moderator
Support Moderator

Male Posts : 5345
Reputation : 488
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


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