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 </body> on theme.liquid
<style>
   .delivery-widget__container > .msg__container {
          height: 68px !important;
    }
    .msg__container {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
   }
</style>

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 </body> on theme.liquid
<style>
  .delivery-widget__container > .msg__container {
       height: unset !important;
  }
  .msg__container {
      padding: 10px 10px 10px 15px !important;
  }
</style>

Here is the result:

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