How to change the horizon theme policy background color and title size small

Store Design
, , , ,
1

I’m using the Horizon theme in that I want to customize the background color of all the policy page and also want to reduce the font-size of the main title.

website: Suii Cura

pw: [email removed]

2

Hi, @siva_fds
The password above is not right.

image
image644×371 7.77 KB

3

@siva_fds

Please provide password so I can check policy pages.

4

[email removed] this is the password

6

I can’t able to type the password, if I enter the password, it is saying [email removed]

7

@siva_fds

Just type your password but with - in between. I will remove while using.

8

You can do this with custom CSS in Shopify. Go to Online Store, Themes, click the three dots on your Horizon theme, then choose Edit code and open the base or theme CSS file. From there, adjust the background color for the policy page section and reduce the font size of the main title. This won’t affect other pages, and the changes will apply to all policy pages.

9

Hello there

You can remove password then it will be easy to get solution. Please click on Online store>Preferences then disable Password protection. Do it then let me know.

Regards

Titu

10

https://qqi8qb3fictzsa63-97451376921.shopifypreview.com @dmwwebartisan @AnneLuo @solverStaff @sophie12

11

Hi, @siva_fds
It still requires the password. You can take a screenshot and let us know the password.

siva_fds 12

Screenshot 2025-12-18 at 2.44.26 PM

13

Hello @siva_fds

Can you share your policy page link and which color do you want to keep on that page?

Regards

Titu

14

@siva_fds
Try this code by following these steps:
1: Go to the online store - Theme - Edit Code.
2: Find the theme.liquid file and add the following code before the </head> tag

<style>
.shopify-policy__container {
   background-color: antiquewhite;
   max-wdith: 100% !important;
}
@media screen and (min-width: 767px) { 
   .shopify-policy__container {
      padding: 20px 20% !important;
  }
}
</style>

Results:

image
image2126×1140 348 KB

You can change the font you need. Hopefully it will help you.

15

Horizon handles policy pages a bit differently than regular pages, which is why they don’t always pick up the main color scheme or typography settings.

Without using an app, the usual way to do this is with targeted CSS. Policy pages all share a predictable template, so you can safely scope styles just to them. For example, you’d add something like this to your theme’s custom CSS:

body[class*="policy"] {
  background-color: #f5f5f5; /* example background */
}

body[class*="policy"] h1 {
  font-size: 28px; /* adjust as needed */
}

That keeps the changes limited to policy pages and won’t affect product pages or the rest of the site. If the background is coming from a wrapper element instead of body, you can inspect the page and target that container instead.

I also made an app called Easy Edits that can handle this without touching code. It’s a click-and-change, drag-and-drop editor, and you can also just describe the change in plain English and let the AI apply it for you — scoped only to policy pages.

Link: https://apps.shopify.com/easy-edits

Happy to answer questions either way.

16

Hi @siva_fds,
Try to follow the below steps to change the background color and title size to small in your policy page.

Step - 1: From your Shopify admin, navigate to Online Store > Themes.

Step 2: Find the Horizon theme, click the three dots (or “Actions”) next to the “Customize” button, and select Edit code.

Step 3: In the Assets folder, open your main CSS file, typically named base.css

Scroll to the very bottom of the file and paste the following code. This specifically targets policy pages (like Privacy Policy, Refund Policy, etc.) so it doesn’t affect your entire site

/* Change Policy Page Background Color */
.shopify-policy__container {
    background-color: #f4f4f4; /* Replace with your preferred Hex color */
    padding: 40px; /* Optional: adds space inside the background */
}

/* Reduce Policy Page Title Size */
.shopify-policy__title h1 {
    font-size: 24px !important; /* Adjust '24px' to make it smaller as needed */
}

Hope this will make the necessary changes you need.

17

Hi @siva_fds,

image
image1581×767 64.9 KB

.shopify-policy__container {
    background-color: aquamarine; /* Add the color you want here. */
    max-width: 100%;
    padding-left: 120px;
}
@media (max-width:768px){
.shopify-policy__container {
   padding-left: 20px;
  }
}

Thanks!