Mailchimp Section Styles: Finding Them and Keeping Edits Contained
Mailchimp users lose section-level design controls or see edits spread across whole regions; here is how the style layers work and where to click.
Users styling Mailchimp emails and landing pages keep hitting the same two walls. Either the design controls for an entire region stay out of reach, or one small change repaints far more of the layout than intended. An accepted answer on the question, credited to Intuit, covers both the missing clicks and the underlying logic.
The symptom: styling one thing changes everything around it
The template system divides every email and landing page into sections, such as a body region and a footer region. Sections exist to organize content and steer the design. The catch is that any style you set on a section applies to every content block inside it.
That single rule explains both symptoms. Change a font or a color while a section is selected and whole regions shift at once. Hunt for those broader controls with a content block open and they never appear, because the editor keeps you at block level.
There is a quick way to tell which layer you are fighting. When a change spreads further than you wanted, you edited a section. When a style refuses to budge at all, an item-level setting is probably overriding it.
Three layers of style, and which one wins
Styles stack in three tiers. Global template styles sit at the bottom. Section styles sit above them and override them. Styles set on individual items, such as buttons and links, sit above everything and win against both lower tiers.
Picture a generic case. Your link color is blue across the whole template. You then give the footer section a green link style, and every footer link turns green. Later you recolor one promotional button to red by hand. That button stays red, because the item-level choice outranks the section.
In our view, this precedence is the practical limit to keep in mind. Nothing you do at the section level will force a hand-styled item to change. If you need consistency, clear or match the item-level settings first, then let the section carry the work.
Where do section styles live in the newer builder?
The newer tool follows a short path. From the Content step of the checklist, choose Edit Design or Fix Issue. Then click on empty space outside any content block. Finally, click the section you want to restyle.
That first click on empty space is the step people miss. While a content block is open, the editor treats your changes as block-level edits. Clicking away from blocks is what hands you the section instead. Small arrows also let you collapse a section and see more of the page at once.
And in the classic builder?
Over in the classic creation tool, the route to the same place runs slightly longer. Start the same way, from the Content step, with Edit Design or Fix Issue. Click an area outside a content block, then open the Style tab.
One quirk deserves a warning. If a content block is open, you may need to use its save-and-close action before the Style tab becomes reachable. Once you drill into a section, a back arrow returns you to the Style tab.
Options also vary depending on whether you are styling an email or a landing page, and on the specific template in play. The two builders coexist, so it pays to notice which one you are in before troubleshooting.
What can you change once you get there?
Most sections expose a common set of controls: background color, font size, and link styling. Some add extras, such as borders and padding. The exact list depends on the template family, and email templates do not always match landing page templates.
Landing pages also sit under a different set of constraints from emails, so do not assume a trick that works in a newsletter will carry over. Check the available options in the section itself rather than trusting memory.
The mobile background image trap
The drag-and-drop templates adapt themselves to phones, and that responsiveness has one visible cost. Background images placed behind multi-column content can render distorted on a mobile screen. Intuit’s guidance is direct: add a background image in the content section only when it uses a single column.
If a busy backdrop must sit behind several columns, review the result on a small screen before you send anything. A stretched or clipped image on phones tends to undo an otherwise clean design.
The short version
Click outside a content block to reach the section beneath it. Remember the order of precedence: section styles beat global styles, and item styles beat both. Keep background images confined to single-column sections when phones are in play.
None of this is obvious from the editor alone, which is why the same question keeps resurfacing among users. Knowing which of the three layers you are editing removes most of the guesswork.