How to Add a Color Block to the Sidebar

This tutorial will show you how to add a simple color block to your sidebar. This is taken from the Dainty demo, but will work for any theme!

1. Add a Custom HTML widget to your Primary sidebar

2. Copy and paste the following code snippet:

<p style="text-align: center; padding: 25px 22px; margin: 0 auto; background: #f7efeb; font-size: 15px;">

Get <strong>10% OFF</strong> Dainty when you sign up for the newsletter on <a href="">Hearten Made</a>!


3. Replace the text and links with your own

4. Change the #f7efeb to add any background color you want

5. Change the font size from 15px to any font size you want

Here's how the widget looks: