How to centre text in 'image with text' section. Theme Envy 26.5.0

How to centre text in 'image with text' section. Theme Envy 26.5.0

jenbourge
Tourist
18 0 2

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 🙂

Replies 10 (10)

Huptech-Web
Shopify Partner
1047 208 225

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.

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required
jenbourge
Tourist
18 0 2

Hi thanks,

 

would i also be able to change the text size in just the 'rich text' sections?

 

Ritter1
New Member
5 0 0

/* Yes, adjust the font size as needed */
.product__text {
font-size: 18px;
}

jenbourge
Tourist
18 0 2

Is this at the bottom of 'custom.css'?

Ritter1
New Member
5 0 0

yes you can place at the bottom.

Huptech-Web
Shopify Partner
1047 208 225

@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;
}

 

 

 

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required
jenbourge
Tourist
18 0 2

Hi, how do i determine the class name?

 

Thanks

Huptech-Web
Shopify Partner
1047 208 225

@jenbourge Could you please share the store or product link? This will allow me to inspect it and provide a more tailored solution.

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required
Huptech-Web
Shopify Partner
1047 208 225

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.

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required