Shopify themes, liquid, logos, and UX
Hey, wondering if anyone can help.
I am wanting to centre the text in my 'image with text sections'. I am aware this will need coding. Anyone able to help? Theme is Envy 26.5.0
Thanks 🙂
Hello! @jenbourge Please follow these steps to add this CSS code:
1. Go to your Online Store
2. Click on "Themes"
3. Select "Edit code"
4. Open your CSS file
5. Add the following code at the end of the file.
/* add your class name */
.product__text {
text-align: center;
}
If you need further assistance, please let me know. If you found my help useful, consider liking this message and marking it as the solution.
Hi thanks,
would i also be able to change the text size in just the 'rich text' sections?
/* Yes, adjust the font size as needed */
.product__text {
font-size: 18px;
}
Is this at the bottom of 'custom.css'?
yes you can place at the bottom.
@jenbourge Add this to the bottom of 'custom.css'.
/* Add font size as needed and add your class name */
.product__text {
font-size: 1.8rem;
}
Hi, how do i determine the class name?
Thanks
@jenbourge Could you please share the store or product link? This will allow me to inspect it and provide a more tailored solution.
Hello! @jenbourge You can Center text in 'image with text' section by following these steps.
https://app.tango.us/app/workflow/Customizing-Shopify-Themes--Adding-Images-with-Text-and-Sharing-Br...
If this doesn't work, you can add this CSS by following these steps.
1. Go to your Online Store
2. Click on "Themes"
3. Select "Edit code"
4. Open your CSS file. If you have a custom CSS file, open that instead.
5. If you can't find your custom CSS file, open "base.css"
6. Add the following code at the end of the file.
.index-sections .homepage-section--text-and-image-wrapper .title-bar,
.feature-row__text--inner {
text-align: center;
}
If you need further assistance, please let me know. If you found my help useful, consider liking this message and marking it as the solution.
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025