Text Layout on shrine theme

Text Layout on shrine theme

Legalafrik
Tourist
26 0 3

How can i make the text to be exactly like this to the right. I'm using shrine themetaprave.png

Replies 9 (9)

sahilsharma9515
Shopify Partner
1257 163 241

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

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


websensepro
Shopify Partner
1272 144 160

Hello @Legalafrik ,

 

Please can you share Store URL,

 

Thanks!

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here

Free Shopify Beginner Tutorial
Legalafrik
Tourist
26 0 3

Anshul_arora
Navigator
453 128 98

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 =>

Anshul_arora_0-1711540185847.png


Please share if you have any query.

Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here
Legalafrik
Tourist
26 0 3

this worked, however, i want it to be like this taprave.png

Anshul_arora
Navigator
453 128 98

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 =>

Anshul_arora_0-1711613226397.png


I hope it helps

Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here

niraj_patel
Shopify Partner
2378 514 506

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>

techlyser_web_0-1711541720786.png

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

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- [email protected]