How can I adjust image alignment and size in a multicolumn layout?

Store Design
1

Hi,

I would like to receive the code need to align the images and their button text in this multicolumn - by making the images slightly wider. This is the website (and below photo of the multicolumn): www.sevenaswim.com

Screenshot 2023-03-18 at 16.43.55.png
Screenshot 2023-03-18 at 16.43.55.png2290Ɨ446 152 KB

Thank you!

2

@sevenes

Please add the below code above in theme.liquid

online store >> edit code >> theme.liquid

.multicolumn-card>.multicolumn-card__image-wrapper--full-width:not(.multicolumn-card-spacing){ margin-left: 0!important; }

after the adding code

shreyhweb_0-1679161460879.png
shreyhweb_0-1679161460879.png2155Ɨ932 289 KB

Thankyou for reaching us :slightly_smiling_face:

3

Hi @sevenes ,

Sorry for experiencing this problem, you can try this code.

  1. Go to themes > edit code >

  2. Go to Asset Folder > click base.css

  3. Copy the code below and Paste the code on the end.

.multicolumn-card__image-wrapper.multicolumn-card__image-wrapper--full-width {
    margin-left: 0;
}
4

Hi @sevenes ,

This is Victor from PageFly - Landing page builder, Iā€™d like to suggest this idea:

Step 1. Go to Online Store ā†’ Theme ā†’ Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :

Hope my answer will help you.

Best regards,

Victor | PageFly