Adding Space Between Ads

This recipe shows you how to add space between the Ads that appear in a Zone. This is helpful, for instance, if you have a bunch of Ads all appearing in a column down your sidebar.

To style your AdPlugg Ads so that there is space in between them, you can use the following CSS.

.adplugg-tag .adplugg-ad {
    margin-bottom: 1em;
}

If you aren't familiar with CSS, the above rule directs the browser to set a 1 character margin below each Ad.

You can alter the margin value to suite your own preferences. You can also use CSS selectors to apply this rule to only some of your Ads (such as the Ads in your footer).

For it to work, you add the above CSS to your site's stylesheet.

If you are using WordPress, you can do the following to modify your stylesheet:

1. Log in to your WordPress administrator.
2. Go to Appearance, then Customize, then Additional CSS.
3. Add the CSS code from above.
4. Press the Save & Publish button at the top of the screen.

Users of other systems should consult their system's documentation for info regarding adding CSS rules.

Alternate Rule

If the above rule isn't working for you, please try this one:

.adplugg-tag .adplugg-ad {
    margin-bottom: 1em;
    display: table;
}