Align product information and product image in the grid

Store Design
1

Hi folks,

I need to align the product information and the product image.

Now it is like the picture below:

Screenshot 2022-10-28 at 15.54.55.png
Screenshot 2022-10-28 at 15.54.55.png558×194 3.9 KB

and I would like the text to be on the left and aligned to the image.

Any suggestion?

2

Hi @MaBa
Thank you for your question.
Please share your store URL, page URL and also password (if your store has one) so we can help you.

3

www.womanly.se

4

Hi @MaBa
You can try follow this path:
Themes => edit code => asset => component-card.css
and add this code to bottom of the file component-card.css

.card__content{
margin-left: -20px;
margin-right: -20px;
}
5

Hi @MaBa ,

Please follow these steps to fix your issue:

  1. Go to the theme editor
  2. Open file component-card.css, then add this code
.card__information {
    padding-left: 0 !important;
    margin-left: -1rem !important;
}​

try it and let me know

6

Hi, I solved using the card alignment option in the theme customisation page. No code needed.

Thanks anyway