Shopify themes, liquid, logos, and UX
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 </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.
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 </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.
In today’s interview, we sat down with @BSS-TekLabs to discuss practical strategies for...
By JasonH Nov 13, 2024The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024