Product title too far down after changing size of product picture

Store Design
, , , ,
1

Hi, i changed the size of the product pictures and now the product title is to far down as you can see in the picture. Can i change it with a code?

url: https://ba571d-cc.myshopify.com/

dawn theme 15.0.0

Thank you.

123.png
123.png1920×866 132 KB

2 Likes
2

@store095 hope you are doing well.

Just customize the setting first and it’ll automatically set for you. Once you select the actual product then it’ll display properly.

Currently, it is just for an demo purpose

1 Like
3
  • Here is the solution for you @store095
  • Please follow these steps:

z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg
z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg1865×854 94.6 KB

  • Then find the base.css or theme.css file.
  • Then add the following code at the end of the file and press ‘Save’ to save it.
.card--card .card__inner .card__media {
    width: 100% !important;
    height: 100% !important;
}
.card--card .card__inner.ratio {
    width: 85% !important;
    height: 75% !important;
}
  • Here is the result you will achieve:

BSSTekLabs_0-1723953876923.png
BSSTekLabs_0-1723953876923.png1788×640 30.3 KB

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
1 Like
4

Its working. Thank you :slightly_smiling_face:

1 Like
5

Glad to help you. Have a good day.

6

Is it possible to do the same on the mobile version too?

Best regards

1 Like
7

Yes. Let me check!

1 Like
8 
@media only screen and (max-width: 750px) {
.card--card .card__inner .card__media {
    width: 100% !important;
    height: 100% !important;
}
.product-card-wrapper .card__inner.ratio {
    height: 75% !important;
    width: 85% !important;
}
}

Can you add more this code @store095

BSSTekLabs_0-1723955026994.png
BSSTekLabs_0-1723955026994.png370×814 88.5 KB

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
1 Like