Centering Ads

This recipe shows you how to center your ads. Centering your ads may be desired depending on your site's design and where you want you ads to appear.

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

.adplugg-tag img {
    margin: 0 auto;
}

If you aren't familiar with css, this says to calculate an even (centered) left and right margin on each of your ads and to set the top and bottom margin to 0.

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 header).

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 Rules

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

.adplugg-ad {
    display: table;
    margin: 0 auto;
}

.adplugg-tag { 
    text-align: center;
}