CSS Row Hover problem

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

Please post your forum's link.

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

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

Marked as solved