About up page

[CamillaP]

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

[dmwwebartisan]

@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! 

[CamillaP]

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 · 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! 

[CamillaP]

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

[CamillaP]

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

[dmwwebartisan]

@CamillaP 

Not understand. Is the problem solved?

[CamillaP]

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)

 

[dmwwebartisan · Accepted solution]

@CamillaP 

Please add this code for the announcement bar.

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

Hope this works. 

Thanks! 

[CamillaP · Accepted solution]

That worked! Thank you for your help!