About up page

Solved
CamillaP
Tourist
29 1 9

Hi!

I'm using Debut theme and I'm having troubles with the alignment of the About Us page. I dont't know if you can see properly by the photo, but the text is not centered, is a bit moved on the right side. All the other pages are fine, I can't understand where or what is the problem! Can you help with this? Thank you!!! Here the link to my store if you need to have a look: https://inkitstore.com password is: inkit

CamillaP_0-1613645236937.png

 

dmwwebartisan
Shopify Partner
4355 977 1243

@CamillaP 

Please add the following code at the bottom of your assets/theme.css file.

 

@media only screen and (max-width: 749px){
p {text-align: justify !important;}
.swym-ready .grid__item {text-align: justify !important;}
}

 


Hope this works.

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
CamillaP
Tourist
29 1 9

Thank you, the text is now justify but my problem is that (especially on mobile version) all the text is a bit moved on the right side: I have more white space on the left and less white space on the right.

Also, as i like the justifyed text, how can I do this for all my pages? Thank you for you help!!!

dmwwebartisan
Shopify Partner
4355 977 1243

This is an accepted solution.

@CamillaP 

Please add the following code to remove white space.

@media only screen and (max-width: 749px){
.grid__item {padding-left: 10px !important; margin: 0 auto;}
}

 

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
CamillaP
Tourist
29 1 9

Thank you! The problem is that now I have the header announcement bar with left alignment!

0 Likes
CamillaP
Tourist
29 1 9

How can I fix it to have it again in the center? Thanks

0 Likes
dmwwebartisan
Shopify Partner
4355 977 1243

@CamillaP 

Not understand. Is the problem solved?

 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
CamillaP
Tourist
29 1 9

The white space problem is solved, but now I have the text of the annauncement bar that stays on the left and not in the center. (see the "free worldwide shipping" text)

 

thumbnail_image.png

dmwwebartisan
Shopify Partner
4355 977 1243

This is an accepted solution.

@CamillaP 

Please add this code for the announcement bar.

 

.announcement-bar__message{
text-align: center !important;
}

 

 

Hope this works. 

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
CamillaP
Tourist
29 1 9

This is an accepted solution.

That worked! Thank you for your help!