Quick CSS question

jamescox1981
Excursionist
55 0 10

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
Shopify Partner
330 66 137

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?

Peanut Butter Collective | Shopify Experts
- Was my reply helpful? Please Like and Accept Solution.
- Want to customize and improve your store? Hire us.
- Feel free to contact me us hello@peanutbutter.es
0 Likes
KetanKumar
Shopify Partner
14446 1674 5193

@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 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes

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.

Best Regards
MS Web Designer| MS Web International | Task4Store
Contact Us: https://www.task4store.com/pages/contact-us OR task4store@mswebdesigner.com
Was our reply helpful? Please Like or Accept solution
0 Likes