Shopify themes, liquid, logos, and UX
Hello, how can I allign header texts such as the ones below so they are centered? 'Mas vendidos' , 'Colecciones'
Store: https://bb9f8c-ac.myshopify.com/en
Pass: pongia
Solved! Go to the solution
This is an accepted solution.
@JordiP please add this css to the very end of your base.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> base.css
.title{text-align: center;}
.title-wrapper-with-link {justify-content: center;}
This is an accepted solution.
@JordiP - add this css as well and check
.related-products__heading {text-align: center;}
This is an accepted solution.
@JordiP please add this css to the very end of your base.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> base.css
.title{text-align: center;}
.title-wrapper-with-link {justify-content: center;}
How would I go about centering the headers on the product page aswell? Like for the example in the image. Everything on the main page is perfect, but I want to maintain this centered header idea throughout my whole store.
This is an accepted solution.
@JordiP - add this css as well and check
.related-products__heading {text-align: center;}
Thank you!
Hi @JordiP
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>
<style>
h2.title.inline-richtext.h2.scroll-trigger.animate--slide-in {
text-align: center !important;
}
.title-wrapper-with-link {
justify-content: center !important;
}
</style>
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
@JordiP ,
Add this code to the end of base.css file
.collection__title, .collection-list-title {
width: 100%!important;
display: flex!important;
justify-content: center!important
}
Result:
B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.
B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.
B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.
BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024