Add padding to section and center text

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)

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.

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!

@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.