Demo Additions

In the creation of this demo, there was a bit of CSS and HTML used to modify a few areas. Every Builder site can have a unique and sometimes complex set of layouts, views, and other pages — not to mention additional plugins. This CSS and HTML is included for your reference.

Email Subscription Box (in sidebar)

We’ve used a simple text widget to add our HTML content. You’ll likely use Gravity Forms or another similiar plugin to create a form. This is only for demo purposes, and you’ll want to change your CSS to match.

Here’s a screenshot of that text widget:

email-newsletter

And our CSS:

.email-subscription-sidebar-wrapper {
    background: #353F49;
    border: 10px solid #6d7985;
    padding: 50px 25px;
}
.email-subscription-sidebar-wrapper p {
    color: #FFFFFF;
    margin-top: 0;
}
.email-subscription-sidebar-wrapper input[type="text"] {
    text-align: center;
}
.email-subscription-sidebar-wrapper input[type="submit"] {
    width: 100%;
    margin-top: .5em;
}

Social Icons in the Footer Widget

We used a simple text widget to add some HTML:

social-icons

You can find a reference to swap out the dashicon icons for others here: https://developer.wordpress.org/resource/dashicons/

And the CSS:

.social-icons-wrapper .dashicons {
    width: 40px;
    height: 40px;
    font-size: 40px;
    margin-right: 20px;
    margin-bottom: 20px;
    color: #FFF;
}