css how to center align all text mobile except 1 page

Site URL: https://www.cedarpathcounseling.com

I would like to center align all text on mobile-except one page or except two sections to stay left align.

Try adding to NPP Page Header (Do Not add to Custom CSS)

<style>
  @media screen and (min-width:992px) {
    body#collection-62f8fb2c1617b3713a419d39 section * {
    	text-align: center !important;
    }
  }
</style>

Hi  Tuanphan !

thanks for taking a look at this. I am wondering wouldn't it be "left" not "center" for this to add to the page header for this page's advanced settings. I tried it both ways.. It is still center aligning on mobile for this page: https://www.cedarpathcounseling.com/npp

Hi Tuanphan, update here 😃

I think I've got it looking more readable on mobile for a terms page-left aligned that is...First, I double checked the page's content for old formatting. Then I added this below to page header injection. It works great.. except it sends footer text left align when you are on that specific page. any suggestions to improve it are welcome! thanks!

added to page header injection:

<style>

@media screen and (max-width: 640px) {
h1, h2, h3, p {
   text-align: left !important;
}
}

</style>

On 9/1/2022 at 12:06 AM, WendyLW said:

Hi Tuanphan, update here 😃

I think I've got it looking more readable on mobile for a terms page-left aligned that is...First, I double checked the page's content for old formatting. Then I added this below to page header injection. It works great.. except it sends footer text left align when you are on that specific page. any suggestions to improve it are welcome! thanks!

added to page header injection:

<style>

@media screen and (max-width: 640px) {
h1, h2, h3, p {
   text-align: left !important;
}
}

</style>

You can add article before to make it works for page content only

<style>
@media screen and (max-width: 640px) {
article h1, article h2, article h3, article p {
   text-align: left !important;
}
}
</style>

awesome! it works great.