Add Padding to Banners

#adzones#banners#padding

Sometimes it will happen that you need to add some extra padding/margin to your adzones/banners. Here for we included the Custom CSS option under AD Dashboard -> General Settings -> Style -> Custom CSS.

All adzone containers have the .paszone_container and .paszone-container-{adzone_id} classes. So you can target all adzones by using the .paszone_container class or target a specific adzone using the .paszone-container-{adzone_id} class.

Have a look at the example code below.

/**
 * Add padding to all adzone containers
 * padding: top right bottom left;
 */
.paszone_container {
    padding:20px 20px 20px 20px;
}

/**
 * Add padding to a specific adzone with id 123
 * padding: top right bottom left;
 */
.paszone-container-123 {
    padding:20px 20px 20px 20px;
}

Ad Grids

If you want more spacing between your ad grid banners you can use the classes .grid_container .grid_container_{adzone_id}

/**
 * Add margin to all adgrid containers
 * margin: top right bottom left;
 */
.grid_container {
    margin:20px 20px 20px 20px;
}

/**
 * Add margin to a specific grid with id 123
 * margin: top right bottom left;
 */
.grid_container_123 {
    margin:20px 20px 20px 20px;
}