Shopify themes, liquid, logos, and UX
How can i make the text to be exactly like this to the right. I'm using shrine theme
Hi @Legalafrik
Can you please provide your store URL and password as well if applicable, so that I can provide you solution that can work for your store.
Best regards
Sahil
- Your
Hello @Legalafrik ,
Please can you share Store URL,
Thanks!
Hello @Legalafrik ,
Please add the below mentioned code at the bottom of the theme.liquid file before </body> tag and save.
<style>
.banner__content.banner__content--middle-center {
justify-content: right !important;
}
</style>
The code may help you to display the text to the right in banner images.
After applying code, output will be like this =>
Please share if you have any query.
Thank you.
this worked, however, i want it to be like this
Hello @Legalafrik ,
Ok, I understand you are focusing to reduce the the width of banner text https://prnt.sc/CVqyZHF90Ign
For implementing this change, you have to add below mentioned code at the bottom of the theme.liquid file before </body> tag
<style>
.banner__text {
width: 50%;
}
</style>
Output =>
I hope it helps
Thank you.
Hello @Legalafrik
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>
.banner__content.banner__content--middle-center {
justify-content: flex-end !important;
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024