Problem with mouse over effect - Feature Column "Read More" Section

Hello everybody,

I have a problem with the mouse over effect at the feature column "read more" section.

If I turn the mouse over the "read more" text, the home-read.png file disappear. And there is the problem, I don't want that the home-read.png disappear. I only want that the text changes, but not the picture before the text. Like a static picture.

At the moment I've the following CSS code.:

Code:

.feature-content .feature-content-inner:hover .feature-content-text a.read-more {
color: #afcb07!important;
background: url("images/home-read.png");
}

If I remove the code, the home-read-orange.png file is showing up at mouse over.

I also changed the url at the style.css file to home-read.png, but it doesn't work.

Now I'm a little bit helpless and I hope you can help me

The site is www.feltl.de

Many, many thanks and greetings!
Stephanie

 

Now I have also a problem with the alignment of the "read more" text at the third column and it would be great, if you could help me too.

I'm using the following CSS code:

Code:

.feature-content .feature-content-inner.third .feature-content-text a.read-more {
padding: 7px 0 118px 36px;
}

But this works only for the home-read.png file and not f0r the text. Puh... I've tried my best to solve the problem by myself, but nothing works .

Thank you again!
Stephanie

 

Hello Stephanie,

Greetings from InkThemes!

I am unable to access your provided site.

Kindly check..

Thanks & Regards!
Priyanka
InkThemes.com

 

Hello Priyanka,
now it should work again.

Regards,
Stephanie

 

Hello Stephanie,

Sorry but still unable to access your site..

Thanks & Regards!
Priyanka
InkThemes.com