Alternating Background Elements With Content Sections

Alternating Background Elements With Content Sections

Many of our clients have learned how to leverage their content sections to get more out of their website with progressive, modern, and technically sound displays. One of our most popular con-tent display options allows the editor to set a full-width background color, image, or video. With the ever-growing popularity of these elements in mind, here are a few tips to help you take ad-vantage of our platform’s editing capabilities.

Alternating Background Elements With Content Sections

Submitted by Hatch on Wed, 05/19/2021 - 10:00am
H Tags and Search Phrases

When using text editors for your content sections, avoid using H1 and H2 tags. Our sites are configured with automatic styling that tags the page title with a H1 tag and other important homepage elements as H2. Because of this, we recommend using H3 tags when you need to emphasize content inside the text editor. This helps your site follow best practices for SEO, while also keeping text size proportionate within the content section.

Avoid Back-to-Back Background Images

Full-width background images look great, especially with parallax scrolling, but there can be too much of a good thing. We recommend that site editors avoid entering two content sections in a row with background images. This is because the back-to-back images create an unsightly seam where the images meet. Instead, alternate background elements (video, image, or solid color) between sections.

Background Colors

While background colors may be simple, they have the advantage of loading quickly without slowing down your site speed. On Hatch websites, you can alternate background colors for each content section to create a unique color scheme with typography-driven design. Best of all, we make this easy for you with color sections settings that stay within your brand guidelines and font that changes color automatically to contrast with the background color.

Proper use of background elements will help your content sections be even more engaging. By following these guidelines, your site will look and perform great to help you appeal to your customers. Don’t hesitate to reach out if you have questions about making these updates to your content.