Return to previous page

Changing Product Hover? - by jonarobinson

This topic has 4 replies, 2 voices, and was last updated 8 years, 1 months ago ago by Robert Hall

jonarobinson

Participant

October 11, 2016 at 12:36

Hello,

I started a thread a couple of days ago:

https://www.8theme.com/topic/changing-the-product-hover-over/

I had help and guidance from a member of staff, however, after following the instructions it in fact broke my ‘Quick Buy’ ability and did not do what I wanted. However the help has been amazing it just did not work 🙁

http://test.crossling.co.uk/wp-content/uploads/2016/10/Screen-Shot-2016-10-04-at-08.45.27.png

As you can see from the screenshot above, when I hover over a product, you can see a magnifying glass icon – I was hoping to maybe change that to a word or something that covers the full width of the product? Maybe the wording ‘Quick Buy’ or something along those lines? My intention is that when users hover over a product on the shop page, the ‘quick buy’ feature is a lot more noticeable and easier to click as opose to just the small magnifying glass icon?

Thanks for your help so far!

Just hoping to find the easiest way to resolve this issue.

Thanks,
John

#142275 Copied

3 Answers
Robert Hall

Support staff

October 11, 2016 at 12:43
Hello,

Please try to add this code in Global Custom CSS.
```
.sidebar-position-left .row-count-4 .product .footer-product .show-quickly{
    width: 100%;
    font-size: 14px;
}
```
Regards,
Robert Hall
#142276 Copied
jonarobinson

Participant

October 11, 2016 at 12:49

Holy crap that was quick.

Your good man,

Thanks very much.

Much appreciated.

John

#142279 Copied

Robert Hall

Support staff

October 11, 2016 at 12:56

You’re welcome and have a nice day!

Regards,
Robert Hall

#142282 Copied
Viewing 4 results - 1 through 4 (of 4 total)