How to center image in cart page DAWN Theme

[INKLY]

Hi I optimised my page for mobiles but it looks awful on desktop any idea how I can center the image section on desktop without changing the mobile version? Thank you for your help ! 

[INKLY]

And if it's possible to center the checkout buttons even better! 🙏

[GabrielS]

Hello,

Centering an image is pretty straight forward, and can be done with a similar CSS:

@media (min-width:768px) {
img {
margin: 0 auto;
}
}

 The above code would affect all images on your website - you will want it adjusted to target only that image. 

For further assistance, feel free to share your website link.

Cheers!

[INKLY]

Hi @GabrielS  thank you for your answer, how can I target only that image 

[GabrielS]

Well, as I've stated above, I'd need to see the website.

[INKLY]

Sorry I missed that part of your message...

Website URL: https://inkly.fr/

Thank you ! 🙏

[GabrielS · Accepted solution]

You can center the image along with the buttons by using the following CSS:

@media (min-width:768px) {
.section-template--19454625448201__image_with_text_gqapcM-padding .image-with-text__grid {
  display: block;
}
.section-template--19454625448201__image_with_text_gqapcM-padding .image-with-text__media-item,
.cart__blocks {
margin: 0 auto;
}
}

Cheers!

[INKLY]

Thank you so much ! @GabrielS 

[INKLY]

Hi @GabrielS your solution worked for a bit, but for some reason, the image + text section is now not centered again on desktop. Do you happen to know why? Could it be due to some recent CSS modifications I made? Thank you for your help. 

website URL: https://inkly.fr/cart