Welcome, Guest
Username: Password: Remember me
Use this Category for your support questions about Virtuemart Template - FashionMart (SKU# FLEX-00008)

TOPIC: More details button problem

More details button problem 9 years 10 months ago #476

Hi again.
On this page

forfashion.pl/sklepik/55/galanteria-i-dodatki/torebki.html

I have styled "more details" ("szczegóły") button, at the bottom left corner of the product card. It looks fine hovewer onhover it gets white. I can't get rid of this white color because something is overwriting the style and I don't know what.
I'd like to make it darker onhover.

How to make it?
Warmest Regards
Dan
The administrator has disabled public write access.

More details button problem 9 years 10 months ago #488

Hi,

first of all delete this manual styles: color:#fff;a:hover:
I believe you have put them manually though PHP file. Delete them completely.

Then open this CSS file:

And add this CSS rule to the bottom:
div.FlexibleThumbBrowseV1out div.FlexibleListBrowseV1ProductDetailsButton2 a.product-details {
color:#FFF;
background: url("../images/Flexible/button-texture.png") repeat scroll 0 0 #777777;
}

div.FlexibleThumbBrowseV1out div.FlexibleListBrowseV1ProductDetailsButton2 a.product-details:hover {
color:#FFF;
background: url("../images/Flexible/button-texture.png") repeat scroll 0 0 #000;
}

By the way, this CSS rule: a.details:hover, div.details:hover, a.product-details:hover
from vmsite-ltr.css is overwriting.

Cheers.
The administrator has disabled public write access.
Time to create page: 0.064 seconds

MaterialMart

for Virtuemart 3

Google's Material Design has finally arrived to Virtuemart

Virtumart Template - MaterialMart Virtumart Template - CleanMart Virtumart Template - CleanMart Virtumart Template - CleanMart

Fully responsive!

Buy Now   |   Live Demo