Re: How to centre text on homepage for image & text section Dawn theme

Solved

How to centre text on homepage for image & text section Dawn theme

Alexandrafj
Excursionist
26 0 4

Does anyone know how to centre the text on the homepage under the Image & Text section? The title is centred but not the text which I don't understand and looks super funny

Screenshot 2022-11-09 at 19.14.05.png

Accepted Solution (1)
GemPages
Shopify Partner
5624 1261 1230

This is an accepted solution.

Hello @Alexandrafj 

If you can't find the setting to center content, let's try this method:

1. Go to the Sales channels > Online Store

GemPages_Agents_0-1668321310267.png

2. Click this button (image below) > Edit code of your Current theme

GemPages_Agents_1-1668321373589.png

3. Open theme.liquid file > find </head> and add this code above it:

<style>
 .image-with-text .image-with-text__content {
   text-align: center;
 }
</style>

For example,

GemPages_Agents_2-1668321612400.png

4. Save it

 

Hope my recommendation can work and support you!
Kind & Best regards!
GemPages

 

 

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 11 (11)

KetanKumar
Shopify Partner
36927 3642 11995

@Alexandrafj 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Alexandrafj
Excursionist
26 0 4
KetanKumar
Shopify Partner
36927 3642 11995

@Alexandrafj 

We have checked for this issue in real system and browserstack but it is working ok. In which system configuration or browser you are checking?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Alexandrafj
Excursionist
26 0 4

I am on safari and have never had an issue on this browser before. I have tried the solution twice and it didn't make any difference. 

GemPages
Shopify Partner
5624 1261 1230

This is an accepted solution.

Hello @Alexandrafj 

If you can't find the setting to center content, let's try this method:

1. Go to the Sales channels > Online Store

GemPages_Agents_0-1668321310267.png

2. Click this button (image below) > Edit code of your Current theme

GemPages_Agents_1-1668321373589.png

3. Open theme.liquid file > find </head> and add this code above it:

<style>
 .image-with-text .image-with-text__content {
   text-align: center;
 }
</style>

For example,

GemPages_Agents_2-1668321612400.png

4. Save it

 

Hope my recommendation can work and support you!
Kind & Best regards!
GemPages

 

 

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
Alexandrafj
Excursionist
26 0 4

Perfect, thank you!

GemPages
Shopify Partner
5624 1261 1230

Hi @Alexandrafj,

 

I am glad that my solution is helpful to you ‌‌ 😁.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

PageFly-Victor
Shopify Partner
7865 1785 3076

Hi @ Alexandrafj 

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

 

-Go to Online Store->Theme->Edit code 

-Asset-> base.css  paste the below code at the bottom of the file.

 

.image-with-text .image-with-text__text-item >div{

place-content:center !important

}

PageFlyVictor_0-1668074109143.png

 

Hope my solution works perfectly for you! 

Best regards,

PageFly

Alexandrafj
Excursionist
26 0 4

This didn't work unfortunately  

GemPages
Shopify Partner
5624 1261 1230

Hello @Alexandrafj 

I would like to give you some recommendations to support you
Following these steps:

1. Go to the Sales channels > Online Store

GemPages_Agents_0-1668074832273.png

2. Click Customize button

GemPages_Agents_1-1668074884517.png

3. Scroll to the Image with text section and adjust the Desktop content alignment setting to center

GemPages_Agents_2-1668074991566.png

4. Save it

Hope my recommendation can work and support you!
Kind & Best regards!
GemPages

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
Alexandrafj
Excursionist
26 0 4

Hi, thanks so much, unfortunately that option isn't there for me. I have attached a pic below as I can 't find the part where I can align the text

Screenshot 2022-11-11 at 10.06.59.png