Alternating background color

You want to have alternating background colors but you have been working on a template that doesn't support this feature. We got you! Follow these easy steps.

1. Set-up an index page

Set up an index page under your main navigation with pages underneath it.

If the template that you have chosen doesn't support index pages this will not work.

 

2. Add code

Place code below in the CSS section of your website.
DESIGN > CUSTOM CSS

// ALTERNATING BACKGROUND COLOR //
.index-section:nth-child(even)
{background-color:#000000;}

.index-section:nth-child(odd)
{background-color:#c9c9c9;}

Change the hex color code to what you want.

The code will not work if the template already has this feature.

That's it!

Rosanna Guillot

Create You, 10036 Beacon Pond Lane, Burke, VA, 22015, United States

Empowering entrepreneurs with thoughtful strategy + beautiful print and web design