Text Layout on shrine theme

[Legalafrik]

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

[sahilsharma9515]

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

[Legalafrik]

https://fp10wehkd91pp7ql-86172795221.shopifypreview.com

[websensepro]

Hello @Legalafrik ,

Please can you share Store URL,

Thanks!

[Legalafrik]

https://fp10wehkd91pp7ql-86172795221.shopifypreview.com

[Legalafrik]

this is the preview https://ru64t5b7q9brm956-86172795221.shopifypreview.com

[Anshul_arora]

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.

[Legalafrik]

this worked, however, i want it to be like this 

[Anshul_arora]

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.

[niraj_patel]

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.