How to force text align left on single template page

[Hund1256]

Hi I want to force text over to the left. I’m using IMPACT theme and it is sitting centred, can i change this? All should be left aligned. I have tried to add in .prose into the theme.css but this made every mobile page left aligned which i did not want. Do i go into the template .json and target specific lines and add in code or does this sit in theme.ss??

JSON. Did not work;

“main”: {
“type”: “main-product”,
“blocks”: {
“df8a743a-6623-4919-90a0-ce56ca2a79fe”: {
“type”: “text”,
“text_align”: “start”,
“settings”: {
“text”: “

ANXIETY | STRESS | SLEEP</p>”
}

My theme.css code that made every mobile page left aligned;

@media (max-width: 1000px){

.prose {text-align: left !important;}

}

website: www.wearenarc.com pass: hello narc

[shreyhweb]

@Hund1256

please give us the right password.

[dannyelo]

Hello,

You need to look like this?

[Hund1256]

Yes, only for mobile if possible and to the specific template. passwrd: hellonarc

[dannyelo]

Follow this pattern, include thye #shopify-section-template– for the products you want to include. Separeted by commas.

@media (max-width: 1000px) {
  #shopify-section-template--19732452278594__main .prose,
  #shopify-section-template--19808072728898__main .prose {
    text-align: left;
  }
}

Add to the bottom of your theme.css

Let me know.

[Hund1256]

Amazing this has worked perfectly on the product pages. But it seems to have changed on my home page? This should be center.