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 {
}