Solved

image slider text

Legalafrik
Tourist
25 0 3

Hello, the text on the image slider was right aligned before, But I realised this morning that the text is too long on the hero banner. I want something like this red text alignment, on the blue one. it is shrine theme.lustra.png

demo.png

Accepted Solutions (2)
ThePrimeWeb
Shopify Partner
2050 594 466

This is an accepted solution.

Hey @Legalafrik

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
.slideshow__text-wrapper.banner__content .banner__text {
    max-width: 500px !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1715082518659.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

Anshul_arora
Navigator
371 104 72

This is an accepted solution.

Hello @Legalafrik ,

I understand you are looking to display the banner text similar to the https://prnt.sc/th6W42dCsESg

Please add the below-mentioned CSS code at the bottom of the theme.liquid file before </body> tag and save.

 

<style>

.banner__text {
width: 60% !important;
direction: ltr;
text-align: right;
}

</style>

 

 

[Please feel free to adjust the width, direction, and text-alignment as per your requirements.]

The output will be like this -:

Anshul_arora_0-1715083326816.png

 

I hope the code helps you.

Please share if you have any queries.

Thank you.

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

For Shopify Design & Development | Custom Coding -Visit Here

View solution in original post

Replies 4 (4)

ThePrimeWeb
Shopify Partner
2050 594 466

Hey @Legalafrik,

 

Can you share the link to your store please? Thanks

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
Legalafrik
Tourist
25 0 3

HERE IT IS: https://lustraco.com/

ThePrimeWeb
Shopify Partner
2050 594 466

This is an accepted solution.

Hey @Legalafrik

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
.slideshow__text-wrapper.banner__content .banner__text {
    max-width: 500px !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1715082518659.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

Anshul_arora
Navigator
371 104 72

This is an accepted solution.

Hello @Legalafrik ,

I understand you are looking to display the banner text similar to the https://prnt.sc/th6W42dCsESg

Please add the below-mentioned CSS code at the bottom of the theme.liquid file before </body> tag and save.

 

<style>

.banner__text {
width: 60% !important;
direction: ltr;
text-align: right;
}

</style>

 

 

[Please feel free to adjust the width, direction, and text-alignment as per your requirements.]

The output will be like this -:

Anshul_arora_0-1715083326816.png

 

I hope the code helps you.

Please share if you have any queries.

Thank you.

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

For Shopify Design & Development | Custom Coding -Visit Here