hi everyone, i’m new to Shopify and i recently encountered this problem where one of my products don’t align as they should do, any solve?
Hello @Alessandro80 ,
You can try to follow these steps:
Go to Online Store → Themes → Actions → Edit code
Go to Assets folder → base.css file
Add this following code at the bottom of page
/* Align product images and names evenly */
.product-card__image-wrapper {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.product-card__title {
margin-top: 10px; /* Adjust the margin between the image and the name as desired */
}
Save and preview
Hope this can help. Let us know if you need any further support.
Ali Reviews team.
Hey @Alessandro80 .
Thanks for reaching out.
Did you attempt to change the coding as advised by @irene-vintage ? If this worked for you, be sure to mark their post as a solution to inform others that may view the thread.
Just to gather some additional context, could you let us know which theme you are using on your online store? As this information will allow us to assist you better in this situation.
If you are unsure about which theme is live on your store, you can navigate to the Theme Editor and select the three dots that are appearing towards the top left of the page. I took a screenshot from my test store to show the section I am referring to:
Looking forward to your response.