I want to edit the policy pages but can’t seem to pinpoint what to target in the CSS file. I tried referring to a post here that was asking the same but it didn’t seem to work for my case. I am using the Horizon theme and my CSS file is base.css.
I want to first remove h1 text and make it h3. I also want the text to fill the page width considering the margins set for the page. Why is it by default so narrow?
Thanks in advance
i dont have template-page anywhere in my theme’s code. so it doesn’t work because it’s not targeting anything?
thank you. i was able to adjust the font size earlier in the file in the RTE styles section. however, i still don’t understand why the margins are so large for the container / how to change it. In the inspector i can change the max width to a certain value and it will change but i can’t seem to do it in the actual css code. In base.css the only attribute for .shopify-policy__container is
padding-block: var(–padding-xl) which im not sure means what
It works when I change the max-width in the Inspector but not in the Shopify store css file. I added the same line .shopify-policy__container {max-width: 85%; !important } but it didn’t apply to the site which is weird
thank you. weird but still nothing changed
i did put in what you had: .shopify-policy__container {
max-width: 85% !important;
}
I just added this line from another post on here: .shopify-policy__container {
max-width: 85% !important;
}
which resolved it! thank you so much
