How do I change the color of the Horizon theme margins for desktop mode?

Store Design
46

Haha, tough guy with a keyboard :laughing: And you have all those guys because you’re NOT afraid, right? Go to bed, son.

1 Like
48

You’re a child acting like a tough guy with a keyboard. What a kook :laughing:

1 Like
49

So you’ve been threatening a child….

51

Pretty much. You go on the internet and talk trash to strangers. You’re a child who definitely needs to be taught a life lesson. But I’m sure you’re REAL polite in person, that’s what makes you a kook.

1 Like
53

It’s not a dropshipping business, Einstein. Again, I never asked for you help. You’re a child who’s up way past his bedtime. Now go act like a tough guy somewhere else, kook!

1 Like
55

Haha, what a kook! You’ll go online and disrespect a novice for not knowing how to do something you can’t even do yourself. And FYI, an actual adult with knowledge and social skills hooked me up with some code and now it works perfect. You’re a child!

1 Like
57

Hi there! :waving_hand:

You explained it perfectly — you want the main content area centered on desktop with light-gray background color filling the left and right sides (like margins), similar to how many modern stores look.

You can achieve this with a simple CSS update. Here’s how:

:white_check_mark: Steps to add background color to desktop margins

:one: Go to:

Online Store → Themes → Customize

:two: At the bottom left click:

Theme settings → Custom CSS

(Or if unavailable: Edit Code → base.css)

:three: Add this CSS:

@media (min-width: 1024px) {

body {

background-color: #f2f2f2; /\* Light gray background \*/

}

.main-content,

.page-width,

.t4s-container {

background-color: #ffffff; /\* Keep main content white \*/

}

}

:memo: What this does:

:check_mark: Makes margin area a light gray on desktop only

:check_mark: Keeps the main content area centered & white

:check_mark: No changes on mobile (since mobile is full width)

If you want a slightly darker or lighter gray, you can adjust the #f2f2f2 color code.

If you’d like, you can share your store link and I can fine-tune the exact containers your theme uses — every theme has slightly different class names (Kalles, Dawn, Prestige, etc.).

Hope this helps — and welcome to Shopify! :tada::blush: