Got a 'How do I' question? Join 'Ask a Trainer' Monday to Friday, 11am to 4pm ET for instant help and pro tips!

Outer background

TBESisters
Campaign Contributor
0 Votes

When I click on an outer background pattern, it shows up under design, but doesn't change in the email. How do I change it in the email? When I change the inner background color, it doesn't change. on the email. I have to go. to the settings on the inner background to change the color, and I have to do it for each different segment.

Top Answer
William_A
Administrator

Hello @TBESisters ,

 

This appears to be a limitation of the newer released Section Editor styling, which allows margins, borders, and other major template customization. If a color is selected in the Section Editor, it will fully cover the outer background settings. The only way to avoid this is to not use the Section Editor to overwrite the background color, or go through a process of downloading and uploading the background patterns as your own image to include.

 

Since I'm foreseeing this as being a very significant issue while the devs are working to fix it, I'm wanting to save you (and other customers) some time on implementing the workaround by including URLs to the available default pattern types. These image URLs can be added while editing the background coloring in the Section Editor, and the ones noted as colorable patterns will maintain the coloration you have set.

 

For step-by-step and visual guidance on editing the background via the Section Editor, please see our article on the topic. For additional info and guidance on editing background colors and patterns, make sure to check out our article on editing it via the Design tab. Please remember that at this time the Section Editor will overwrite the Design tab for background color, and cannot be removed once implemented without either using the Undo button, or completely starting over on the edits with a fresh copy.

 

Dots

(Colorable Pattern)

https://static.ctctcdn.com/letters/images/backgrounds/dotgrid.png

dots.png

 

Chevron

(Colorable Pattern)

https://static.ctctcdn.com/letters/images/backgrounds/chevrongrid.png 

chevron.png

 

Sparkles

(Colorable Pattern)

https://static.ctctcdn.com/letters/images/backgrounds/sparklesbasic.png

sparkles.png

 

Paisley

(Colorable Pattern)

https://static.ctctcdn.com/letters/images/backgrounds/paisleys.png

paisley.png

 

Stained Glass

(Colorable Pattern)

https://static.ctctcdn.com/letters/images/backgrounds/stainedglass.png

stained glass.png

 

Arrows

(Colorable Pattern)

https://static.ctctcdn.com/letters/images/backgrounds/arrows.png

arrows.png

 

Crisscross

(Colorable Pattern)

https://static.ctctcdn.com/letters/images/backgrounds/crisscross.png

crisscross.png

 

Flowers

(Colorable Pattern)

https://static.ctctcdn.com/letters/images/backgrounds/flowers.png

flowers.png

 

City Grid

(Colorable Pattern)

https://static.ctctcdn.com/letters/images/backgrounds/citygrid.png

citygrid.png

 

Darkwood

(Default Image)

https://static.ctctcdn.com/letters/images/backgrounds/darkwood.png

 

Concrete

(Default Image)

https://static.ctctcdn.com/letters/images/backgrounds/concrete.png

 

Grass

(Default Image)

https://static.ctctcdn.com/letters/images/backgrounds/grass.png

 

Gravel

(Default Image)

https://static.ctctcdn.com/letters/images/backgrounds/gravel.png

 

Water

(Default Image)

https://static.ctctcdn.com/letters/images/backgrounds/water.png

 


2 REPLIES 2
William_A
Administrator

Hello @TBESisters ,

 

This appears to be a limitation of the newer released Section Editor styling, which allows margins, borders, and other major template customization. If a color is selected in the Section Editor, it will fully cover the outer background settings. The only way to avoid this is to not use the Section Editor to overwrite the background color, or go through a process of downloading and uploading the background patterns as your own image to include.

 

Since I'm foreseeing this as being a very significant issue while the devs are working to fix it, I'm wanting to save you (and other customers) some time on implementing the workaround by including URLs to the available default pattern types. These image URLs can be added while editing the background coloring in the Section Editor, and the ones noted as colorable patterns will maintain the coloration you have set.

 

For step-by-step and visual guidance on editing the background via the Section Editor, please see our article on the topic. For additional info and guidance on editing background colors and patterns, make sure to check out our article on editing it via the Design tab. Please remember that at this time the Section Editor will overwrite the Design tab for background color, and cannot be removed once implemented without either using the Undo button, or completely starting over on the edits with a fresh copy.

 

Dots

(Colorable Pattern)

https://static.ctctcdn.com/letters/images/backgrounds/dotgrid.png

dots.png

 

Chevron

(Colorable Pattern)

https://static.ctctcdn.com/letters/images/backgrounds/chevrongrid.png 

chevron.png

 

Sparkles

(Colorable Pattern)

https://static.ctctcdn.com/letters/images/backgrounds/sparklesbasic.png

sparkles.png

 

Paisley

(Colorable Pattern)

https://static.ctctcdn.com/letters/images/backgrounds/paisleys.png

paisley.png

 

Stained Glass

(Colorable Pattern)

https://static.ctctcdn.com/letters/images/backgrounds/stainedglass.png

stained glass.png

 

Arrows

(Colorable Pattern)

https://static.ctctcdn.com/letters/images/backgrounds/arrows.png

arrows.png

 

Crisscross

(Colorable Pattern)

https://static.ctctcdn.com/letters/images/backgrounds/crisscross.png

crisscross.png

 

Flowers

(Colorable Pattern)

https://static.ctctcdn.com/letters/images/backgrounds/flowers.png

flowers.png

 

City Grid

(Colorable Pattern)

https://static.ctctcdn.com/letters/images/backgrounds/citygrid.png

citygrid.png

 

Darkwood

(Default Image)

https://static.ctctcdn.com/letters/images/backgrounds/darkwood.png

 

Concrete

(Default Image)

https://static.ctctcdn.com/letters/images/backgrounds/concrete.png

 

Grass

(Default Image)

https://static.ctctcdn.com/letters/images/backgrounds/grass.png

 

Gravel

(Default Image)

https://static.ctctcdn.com/letters/images/backgrounds/gravel.png

 

Water

(Default Image)

https://static.ctctcdn.com/letters/images/backgrounds/water.png

 


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
William A
Community & Social Media Support
PatK8
Rookie
0 Votes

I cannot make this work. CC must fix this;

  • Avatar

    Featured Article

    Use Sections to Build Email Campaigns Faster and Improve Engagement Rates

    Using Sections while designing your marketing email not only increases your own efficiency but helps you to deliver a more friendly, organized message. Check out some of the key benefits of using sections in email.

    See Article
  • Avatar

    Featured Thread

    Casual Conversations: What's your go-to playlist?

    If you listen to music while you work, share your playlist below so we can be inspired and maybe find some new music!

    View thread
  • Avatar

    Featured Thread

    Ready, Set, Send Reflections

    The Ready, Set, Send Challenge has finished! Let's reflect on the wins and accomplishments over the last six weeks.

    Join challenge
Updates
Just Getting Started?

We’re here to help you grow. With how-to tutorials, courses, getting-started guides, videos and step-by-step instructions to start and succeed with Constant Contact.

Start Here

73% of SMBs express doubt that their marketing strategy is effective. Does this sound familiar? Read our Small Business Now Report to learn how you can tweak your strategy to see better results.

Go read our article
Upcoming Webinars
NOV 21
Save Time with Campaign Builder in Constant Contact
11AM - 12PM EST