Add padding to section and center text

[nxjus]

Hi, i use a custom element of a delivery app in the product pagebut the text is not good positioned. I want the height of the text to be in the middle and 15px padding on the left.

Thank You!

site: cultureposter.com (password: poster)

[Tech_Coding]

Hello @nxjus

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

.delivery-widget__container > .msg__container { height: 68px !important; } .msg__container { display: flex; justify-content: center; align-items: center; flex-direction: column; }

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[nxjus]

Hi, sorry but i want the text still to be left and now the box is too height. I just want the text to be in the middle of the height and 15px space left. Thank You!

[Tech_Coding]

@nxjus please Replace above code with this

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

.delivery-widget__container > .msg__container { height: unset !important; } .msg__container { padding: 10px 10px 10px 15px !important; }

Here is the result:

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.