[Ride Theme] (Checkout) "Main content area" image size

Hi team! I’m editing my checkout style, in particular the "Main content area" (see screenshot) of the Ride theme (standard Shopify theme). I have tried different image sizes and aspect ratios but don’t seem to get the image to fit right. I searched in the Ride help documents and Google, but couldn’t find any info on this.

I’d also like to know if there’s a way to perhaps fill the whole page with the “main content area” image instead of using another image for the “Order summary” section (the right part of the checkout page), so that the “A” is visible on the whole checkout page. The image I used in the top (the one that reads “www.anotheronline.shop”) has a transparent background, so it would look very nice if the “main content area” image could be in the background and the “www.anotheronline”-image “covered” it. I’m also very open to using image-resizer apps if there are any you can suggest.

Thank you for digging into this :slightly_smiling_face:

1 Like

Hi @_Strey ,

If you want the image to adjust to the screen size, I recommend using SVG instead. The Ride theme like other Shopify 2.0 has a default image background. Do you mind sharing the password of your website so we can provide a code specific for you

Hey @made4Uo

Thank you for your reply, I appreciate it. The password is STREYISMISREAL .