Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
Hello, could anyone help out? The more payment options is actually a link that redirects to a paypal checkout and it should be centered, but I want the description below (the wifi money guide contains...) to be aligned to the left.
Thank you in advance
Solved! Go to the solution
This is an accepted solution.
@romanstanec24Please follow the below steps to update the alignment of the text block. Let me know whether it is helpful for you.
.featured-product p.product__text.inline-richtext {
text-align: left !important;
}
.featured-product p.product__text.inline-richtext.subtitle {
text-align: center !important;
font-size: 1.6rem !important;
}
5. Then, the final output will be like.
This is Noah from PageFly - Shopify Page Builder App
I can help you. Please can you provide the website url. Thank you.
Best regards,
Noah | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Sure, it's wifimoney-guide.myshopify.com
Hi @romanstanec24 You can add code here in file theme.liquid above tag </head>
<style>
.product__text.inline-richtext{
text-align: left !important;
}
</style>
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Hello, that didn't work for me. This happened
I wanted the MORE PAYMENT OPTIONS (which is also a text) to stay centered like in the screenshot in the post
You want MORE PAYMENT OPTIONS stay center, please add code here:
<style>
.product__text.inline-richtext:nth-child(1){
text-align:center !important;
}
.product__text.inline-richtext:nth-child(2){
text-align:left !important;
}
</style>
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
This is an accepted solution.
@romanstanec24Please follow the below steps to update the alignment of the text block. Let me know whether it is helpful for you.
.featured-product p.product__text.inline-richtext {
text-align: left !important;
}
.featured-product p.product__text.inline-richtext.subtitle {
text-align: center !important;
font-size: 1.6rem !important;
}
5. Then, the final output will be like.
Thank you! Shopify support is amazing