Shopify themes, liquid, logos, and UX
Hello,
I am trying to add a solid black border around my products and move all of my products together as shown in the images. I also want to make the product images take up the whole page and not just the middle of the screen. If anyone could help I would appreciate it!
Theme: Dawn
https://archivedept.myshopify.com/
Solved! Go to the solution
This is an accepted solution.
thanks can you please try this code
1. Go to Online Store-> Theme->Edit code
2. Asset->/component-card.css ->paste below code at the bottom of the file.
.card__inner {border: 1px solid #000000 !important;}
sorry for that issue how can i check this issue your store password protect
This is an accepted solution.
thanks can you please try this code
1. Go to Online Store-> Theme->Edit code
2. Asset->/component-card.css ->paste below code at the bottom of the file.
.card__inner {border: 1px solid #000000 !important;}
This solved the border issue. Thanks!
What is the best was to eliminate the inner white spaces on the grid to make the images appear seamless besides the border (I circled them in the image)
Hello, I wanted to utilize this solution, but it seems that I do not have the component-card.css section under my assets. What should I do?
How would you change the code so it only affect product cards and not collection cards?
@Rohan3 can you please share your store URL
Find Global Growth Opportunities For Your Business with Shopify AcademyLearn how to exp...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025