Quick CSS question

[jamescox1981]

Hi Guys

This is probably a very simply question - i'm try to get my "Quick View" on hover button styled the same as here: https://searchanise-demo.myshopify.com/collections/women?page=1&rb_vendor=Brixton

What CSS do i need please? 

This is my website https://clickhab.myshopify.com/collections/all?page=1

PW: chab2021

Thanks!!

[PeanutButter]

Really not only css related, as quick view button has to be moved in liquid/html to be able to position it as in the reference you sent.

What theme are you using?

[KetanKumar]

@jamescox1981 

i can't see quick view button store it's show only for collection page but do you have use also smart filter apply doesn't possible to smart filter 

[MS-WEB-DESIGNER]

Dear @jamescox1981 

Hope the following suggestion will help you

• From your Shopify admin, go to Online Store > themes
• Locate your current theme and then click Actions > Edit code
• After that in the Assets folder, click to open your theme.scss.liquid file
• Go to the very bottom of this file and paste the following code:

/* Start */
#snize-search-results-grid-mode li.snize-product .snize-button {width: 100% !important; left: 0 !important; margin-left: 0 !important;border-radius: 0 !important;padding: 10px 10px !important;}
/* End*/

• Ensure that the code was copied exactly from this guide and pasted correctly, making sure no characters or symbols are missing.
• Save and check your theme by refreshing it.

If you still need help you can contact us by using the link or email given at signature.