Justifying 'text-left' in a home page 'text over image' section

Solved
wbkellam
Excursionist
18 0 7

Hello!

I am trying to left justify the text on two sections of my home page, both sections are 'text over image' sections. There is no formatting option to justify left.  Is there a code i can insert for each section to make the body text (not the heading on those section) to justify left?

Thank you for your help here!

DEBUT theme,

This is the site,  popspaceboutique.com - Site password is makemyspacepop

I really appreciate your help here! 

KetanKumar
Shopify Partner
14296 1663 5142

This is an accepted solution.

Hello, @wbkellam 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

 

.mega-subtitle {
    text-align: justify;
}

 

 

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
wbkellam
Excursionist
18 0 7

will this align all body text left or can i selectively justify certain section left? (i dont want the top text over image bar to be justified left- that still needs to be centered, only the two 'text over image' sections below that. 

 

thank you for your help!

0 Likes
KetanKumar
Shopify Partner
14296 1663 5142

This is an accepted solution.

@wbkellam 

Yes, i have updated my code can you please add 

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
wbkellam
Excursionist
18 0 7

Thank you for this, although it justifies the entire page

This top section (image with "Reinvent your space") needs to be justified center, the other two sections below should be justified left.  This code definitely accomplished getting those left, but i need the top center and leave the other two justified left-   If you go to page, put in the pass.  makemyspacepop you can see what I mean

0 Likes
KetanKumar
Shopify Partner
14296 1663 5142

This is an accepted solution.

@wbkellam 

Yes, can you please add this code

#shopify-section-hero-1 .mega-subtitle {text-align: center;}
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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
wbkellam
Excursionist
18 0 7

This is perfect. Thank you!

KetanKumar
Shopify Partner
14296 1663 5142

@wbkellam 

Thanks for the update and your support.

 

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Nael
Tourist
4 0 1

hello community,

I have a similar issue with my text (the text right of the image) on my home page. I would like to justify it but nothing works. Does anyone have any solutions to make it works ?

thank you by advance

Capture d’écran 2020-10-18 à 23.25.48.png

0 Likes
KetanKumar
Shopify Partner
14296 1663 5142

Hello, @Nael 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide 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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes