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.



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