Centre 4 Youtube shorts video's

Solved

Centre 4 Youtube shorts video's

Stanvanvliet14
Tourist
7 0 1

Does anyone know how to centre these video's added by a custom liquid on my homepage?

Scherm­afbeelding 2024-07-09 om 10.40.14.png

Accepted Solutions (2)
Moeed
Shopify Partner
4320 1110 1361

This is an accepted solution.

Hey @Stanvanvliet14 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.section-template--17555098468660__custom_liquid_Wa8Miz-padding {
    text-align-last: center !important;
}
</style>

RESULT:

Moeed_0-1720514959923.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Moeed
Shopify Partner
4320 1110 1361

This is an accepted solution.

Hey @Stanvanvliet14 

 

Remove the previous code and add this new code with the same steps mentioned above as it should be good for both mobile and desktop.

<style>
.section-template--17555098468660__custom_liquid_Wa8Miz-padding {
    text-align: -webkit-center !important;
}
</style>

RESULT:

Moeed_0-1720515758910.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Replies 8 (8)

Dan-From-Ryviu
Shopify Partner
8437 1660 1675

Hi @Stanvanvliet14 

Could you share that code or your store URL?

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

Stanvanvliet14
Tourist
7 0 1
Moeed
Shopify Partner
4320 1110 1361

This is an accepted solution.

Hey @Stanvanvliet14 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.section-template--17555098468660__custom_liquid_Wa8Miz-padding {
    text-align-last: center !important;
}
</style>

RESULT:

Moeed_0-1720514959923.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Stanvanvliet14
Tourist
7 0 1

Thanks it worked!!

Moeed
Shopify Partner
4320 1110 1361

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Stanvanvliet14
Tourist
7 0 1

Only on mobile it looks bad now...

Moeed
Shopify Partner
4320 1110 1361

This is an accepted solution.

Hey @Stanvanvliet14 

 

Remove the previous code and add this new code with the same steps mentioned above as it should be good for both mobile and desktop.

<style>
.section-template--17555098468660__custom_liquid_Wa8Miz-padding {
    text-align: -webkit-center !important;
}
</style>

RESULT:

Moeed_0-1720515758910.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Stanvanvliet14
Tourist
7 0 1

Thankss! It worked