Ad Tester CSS Ad Styling

Ezoic Staff -

This page describes how you can apply custom CSS styling to selected ads.

CSS Classes

adtester-container
adtester-container-[placeholder_id]

Styling All Ad Tester Ads

If you'd like to style all of the ads the same way, you can use the CSS class adtester-container.

For example, adding the following to either a CSS file or style on the page will add 4px of padding to the top and bottom of all ads.

.adtester-container {
  padding-top: 4px;
  padding-bottom: 4px;
}

Style A Single Ad Tester Ad

If you have one ad that you'd like to have a particular styling, you can use the CSS class adtester-container-[placeholder_id]. Where [placeholder_id] must match the placeholder ID you want to style.

For example, adding the following to either a CSS file or style on the page will add 2px of padding to the left and right of the following placeholder.

<div id="ezoic-pub-ad-placeholder-100"></div>
.adtester-container-100 {
  padding-left: 2px;
  padding-right: 2px;
}

Note: The more specific CSS class adtester-container-[placeholder_id] will overwrite the less specific adtester-container.

Have more questions? Submit a request

1 Comments

  • 0
    Avatar
    Jermain am

    @

    Edited by Jermain am
Please sign in to leave a comment.
Powered by Zendesk