Shopify themes, liquid, logos, and UX
This is what is listed by default with the Debut theme.
This is what I would like to be achieved.
If there is anyway to achieve this please help in the simplest terms possible (sorry if it's too much to ask).
Thank you in advance!
Solved! Go to the solution
This is an accepted solution.
Try this:
#shopify-section-collection .grid__item{ box-shadow: -1px 2px 17px 4px rgba(204,204,204,.42); }
Hi @allbrittonz
1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file
#shopify-section-featured-collections .grid__item{ box-shadow: -1px 2px 17px 4px rgba(204,204,204,.42); }
Nothing seemed to have changed, sorry! Really appreciate the help though!
Thank you,
Shawn
This code is for debut theme, if not working then send store url may be overriding css.
Sorry, didn't see the message above from you both. The URL is: realdealfinders.com
Thank you,
Shawn
This is an accepted solution.
Try this:
#shopify-section-collection .grid__item{ box-shadow: -1px 2px 17px 4px rgba(204,204,204,.42); }
Thank you!
Hi, I am also using the Debut theme and exactly want to the same effect on the product grid. But when I copy the code and paste it into theme.scss, nothing seemed to have changed. It would be great if there is any suggested solution. Thanks!
1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file
.product-card { box-shadow: -1px 2px 17px 4px rgba(204,204,204,.42); padding: 10px; }
Thanks! It works!
Follow this
1. Go to Online Store->Theme->Edit code
2. Asset->style.css -> paste bellow code in bottom of file
.section__wrapper .collection-matrix__wrapper .product__grid-item { margin-top: 15 px ; box-shadow: 0px 0px 11px 2px rgb(204 204 204 / 42%); }
Thank you. it seems to be working but needs a little tweak i think..
can you please check this screenshot https://ibb.co/522WHVz
there is no space between the two rows ..
the theme is actually not live yet.. I am making some changes to the theme before making it available... however I have done changes to the same theme on another store which i am sharing with you. same problem there..
https://meltingspotpizza.myshopify.com/collections/bar
remove old css and add this new one
.section__wrapper .collection-matrix__wrapper .product__grid-item { margin-top: 15px ; box-shadow: 0 0 11px 2px rgb(204 204 204 / 42%); }
Thank You.. This one worked like a charm..
one more thing please.. Can you provide the same design code for featured collection on the home page as well..
add this code:
.product__grid-item { margin-top: 15px ; box-shadow: 0 0 11px 2px rgb(204 204 204 / 42%); }
Hi there. I tried all of the code snippets mentioned but nothing changed. Shop URL is https://www.alfa24shop.de/collections/produkte
Can someone here maybe help me with that as well?
Thanks a lot!!
1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file
.grid-product__link {box-shadow: -1px 2px 17px 4px rgba(204,204,204,.42); padding: 10px;}
Worked like magic! Thanks so much. You rock
Add this css:
.product-card{box-shadow: 0px 0px 20px 0px rgb(204 204 204 / 42%); padding: 10px;}
hi, you have been a great help. Can you please give me the code for Flex Nourish theme. I have used all your provided codes on that theme but nothing seems to work..
Any help would be great..
Thank you.
User | RANK |
---|---|
69 | |
61 | |
60 | |
48 | |
44 |
Thank you to everyone who participated in our AMA with Klaviyo. It was great to see so man...
By Jacqui May 30, 2023Photo by Marco Verch Sales channels on Shopify are various platforms where you can sell...
By Ollie May 25, 2023Summary of EventsBeginning in January of 2023, some merchants reported seeing a large amo...
By Trevor May 15, 2023