Custom Banners Pro HTML & CSS Information

Gold Plugins > Documentation > Custom Banners Pro Documentation > Custom Banners Pro HTML & CSS Information

Below is a list of the available classes and ID’s in the Custom Banners CSS. We hope this list helps you with customizing the styles of your output!

/*
 *    All Styles of Banner CSS
 */

/* Banner Wrapping Div */
.banner_wrapper {
}

/* Banner Frame around Image */
.banner_frame {
}

/* Single Banner */
.banner {
}

/* Banner Image */
.banner_wrapper .banner img {
}

/* Banner Caption - Link Full Banner */
.banner .custom_banners_big_link {
}

/* Banner Caption */
.banner .banner_caption {
}

/* Banner Call To Action Wrapper */
.banner_call_to_action {
}

/* Banner Call To Action Button */
.banner .banner_call_to_action .banner_btn_cta {
}

/*
 *    Rotating Banner CSS 
 */

/* Rotating Banner Widget - Single Banner Wrapper */
.rotatingBannerWidget .banner {
    border: none
}

/* Slideshow Wrapping Div */
.custom-banners-cycle-slideshow {
}

/* Slideshow Single Slide */
.custom-banners-cycle-slideshow .cycle-slide {
}

/* Slideshow Controls Wrapping Div */
.custom-b-cycle-controls {
}

/* Slideshow Pager Previous Button */
.custom-b-cycle-controls .custom-b-cycle-prev {
}

/* Slideshow Pager Next Button */
.custom-b-cycle-controls .custom-b-cycle-next {
}

/* Pager Icon Wrapping Div */
.custom-b-cycle-controls .custom-b-cycle-pager {
}

/* Pager Icon - Default State */
.custom-b-cycle-controls .custom-b-cycle-pager span {
}

/* Pager Icon - Active */
.custom-b-cycle-pager span.cycle-pager-active {
}