MD Popups Custom Templates

To install a template, go to Dashboard > Appearance > Popups and copy the template HTML into a popups Custom Template section.
TIP: For a list of helper classes to use in templates, refer to the MD Style Guide

Template #1

Featured headline area with 3 columns and small description text + buttons with design options intact.

MD Popups Custom Template

Custom Template:

<div class="block-full-quad text-center links-main">
    <h3>Join the newsletter today.</h3>
    <p class="small-title">Testing custom content. <a href="#">with a custom link</a>.</p>
</div>
<div class="columns-3 columns-double block-double text-center md-popup-sec">
    <div class="col">
        <h5>Test Column 1 Here</h5>
        <p>What a cool popup plugin for Marketers Delight</p>
        <div><a href="#" class="button width-full">Click to learn more</a></div>
    </div>
    <div class="col">
        <h5>Test Column 1 Here</h5>
        <p>What a cool popup plugin for Marketers Delight</p>
        <div><a href="#" class="button width-full">Click to learn more</a></div>
    </div>
    <div class="col">
        <h5>Test Column 1 Here</h5>
        <p>What a cool popup plugin for Marketers Delight</p>
        <div><a href="#" class="button width-full">Click to learn more</a></div>
    </div>
</div>

Template #2

Half-width featured image with custom headline and description text. Design options fully intact.

MD Popups Custom Template

Custom Template

<div class="columns-2">
    <div class="col col1">
        <img src="http://example.com/tall-image.png" height="500" width="400" />
    </div>
    <div class="col col2 block-double">
        <h3>A Half-Image With Call-to-action Popup</h3>
        <p class="small-title">You can also build this layout with the default options, this is the HTML to go advanced.</p>
        <a href="#" class="button">Download free template</a>
    </div>
</div>

I’ll email you when new templates come out. To submit your own, email Alex with a screenshot and link to your site.