Hi how do i place the heading of the column in the center, thanks in advance
Topic summary
A user sought help centering column headings in Shopify’s Sense theme.
Initial Solutions Offered:
- Multiple support teams requested the store URL and password to provide exact solutions
- One suggestion involved adding CSS code to theme.liquid file before the
</body>tag, targeting.titlewithtext-align: centerandwidth: 100% - This initial approach did not work for the user
Working Solution:
Another contributor provided CSS code to add at the bottom of assets > base.css:
.multicolumn .title-wrapper-with-link {
display: flex;
justify-content: center;
}
Resolution:
The user confirmed this CSS solution successfully centered their column headings. The issue was resolved through custom CSS targeting the multicolumn component’s title wrapper.
Hello @ALPHA_2
I would like to give you a solution to support you:
- Go to Online Store-> Theme-> Edit code
- Open your theme.liquid theme file
- Paste the below code before :
Hello @ALPHA_2
Can you give me your Store URL( with pass if your store password is enabled) so I can check it for you?
Kind & Best regards,
GemPages Support Team
Hello There,
Please share your store URL and Password.
So that I will check and let you know the exact solution here.
Hi Thank you, but this didn’t work
Hi it is the Shopify sense theme and I just want to put the headline of the column in the center
Hello there,
please share me purview link.
Thank you!
Add this code at the bottom of Theme Edit > assets > base.css file
.multicolumn .title-wrapper-with-link {
display: flex;
justify-content: center;
}
Try it and let me know
Thank you it worked
