Multicolumn - Text misaligned

Store Design
1

Hi All,

Does anyone know how I can correct the alignment of my text on the 3rd box of my multicolumn (Warranty & Returns) ? I’m using Meka theme.

2

1000014051.png
1000014051.png1941×225 22.7 KB

3

Hi @alborg ,

You can follow the steps here:

Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/ypQ7nly2wv27
Step 3: Copy the code below and paste it there

Here is the code for step 3:

.multicolumn-list .grid__item {
    padding: 2.5rem !important;
}

Here is the result:

DaisyVo_0-1737690369455.png
DaisyVo_0-1737690369455.png917×534 187 KB

Please let me know if it works!

Best,

Daisy

4

Hi Alborg

  • You can try to follow this step
    Step 1: Go to Edit code
    Step 2: Find file base.css and add this code at the end of the file
li#Slide-template--16979707297834__multicolumn_gJAjDz-3 {
    padding: 20px !important;
}

Result:

LizHoang_0-1737691354129.png
LizHoang_0-1737691354129.png1856×608 77 KB

Best,
Liz

5

Hi DaisyVo,

That works great. Thankyou so much.

6

Hi LizHoang,

This works also. Thankyou so much.