Do you have a list of all the CSS classes used in the theme? This would be a great and useful resource.
Also if there was an idea of where each class was used that would be super helpful.
Thanks
Hi Dennis,
We do not unfortunately, but verbiage on how our CSS class structure works can be found here. In addition, while this resource is for use with CSS Hero, I think you’ll find it useful thanks to Colin! Let us know if we can be of further assistance and thanks for the suggestion!
Best,
Billy
Thanks
Wonderful!
Off to thank Colin
Here is a more complete listing of all classes from the modules as of today. It makes CSS Hero able to act on most anything.
.bx-wrapper
.columns-1
.columns-2
.columns-3
.compact
.fa
.first
.fl-accordion-button
.fl-accordion-button-icon
.fl-accordion-button-label
.fl-accordion-content
.fl-accordion-large
.fl-accordion-medium
.fl-accordion-small
.fl-builder-content
.fl-button
.fl-button-left
.fl-button-right
.fl-callout-button
.fl-callout-center
.fl-callout-content
.fl-callout-icon-above-title
.fl-callout-icon-below-title
.fl-callout-icon-left
.fl-callout-icon-left-text
.fl-callout-icon-left-title
.fl-callout-icon-right
.fl-callout-icon-right-text
.fl-callout-icon-right-title
.fl-callout-left
.fl-callout-photo
.fl-callout-photo-above-title
.fl-callout-photo-below-title
.fl-callout-photo-left
.fl-callout-photo-left-text
.fl-callout-photo-right
.fl-callout-photo-right-text
.fl-callout-right
.fl-callout-text
.fl-callout-text-wrap
.fl-callout-title
.fl-callout-title-link
.fl-callout-titlespan
.fl-contact-error
.fl-contact-form
.fl-contact-required
.fl-content-slider
.fl-content-slider-loaded
.fl-cta-button
.fl-cta-center
.fl-cta-inline
.fl-cta-left
.fl-cta-right
.fl-cta-stacked
.fl-cta-text
.fl-cta-title
.fl-disabled
.fl-email
.fl-embed-video
.fl-error
.fl-errorinput
.fl-fb
.fl-gallery
.fl-gallery-item
.fl-heading
.fl-icon
.fl-icon-group
.fl-icon-group-center
.fl-icon-group-left
.fl-icon-group-right
.fl-input-group
.fl-map
.fl-module-button
.fl-module-content-slider
.fl-module-heading
.fl-module-icon
.fl-module-map
.fl-module-testimonials
.fl-module-woocommerce
.fl-mosaicflow-col
.fl-mosaicflow-content
.fl-photo
.fl-post-feed
.fl-post-feed-content
.fl-post-feed-has-image
.fl-post-feed-header
.fl-post-feed-image
.fl-post-feed-image-beside
.fl-post-feed-meta
.fl-post-feed-more
.fl-post-feed-post
.fl-post-feed-title
.fl-post-gallery
.fl-post-gallery-
.fl-post-gallery--horiz
.fl-post-gallery--vert
.fl-post-gallery-link
.fl-post-gallery-link:hover
.fl-post-gallery-post
.fl-post-gallery-text
.fl-post-gallery-text-wrap
.fl-post-gallery-title
.fl-post-grid
.fl-post-grid-content
.fl-post-grid-empty
.fl-post-grid-image
.fl-post-grid-meta
.fl-post-grid-more
.fl-post-grid-post
.fl-post-grid-text
.fl-post-grid-title
.fl-pricing-table
.fl-pricing-table-border-tight
.fl-pricing-table-border-wide
.fl-pricing-table-col-1
.fl-pricing-table-col-2
.fl-pricing-table-col-3
.fl-pricing-table-col-4
.fl-pricing-table-col-5
.fl-pricing-table-col-6
.fl-pricing-table-col-7
.fl-pricing-table-col-8
.fl-pricing-table-column
.fl-pricing-table-duration
.fl-pricing-table-features
.fl-pricing-table-inner-wrap
.fl-pricing-table-price
.fl-pricing-table-spacing-tight
.fl-pricing-table-spacing-wide
.fl-send-error
.fl-sep
.fl-slide
.fl-slide-bg-photo
.fl-slide-content
.fl-slide-content-wrap
.fl-slide-cta-button
.fl-slide-mobile-photo
.fl-slide-photo
.fl-slide-photo-wrap
.fl-slide-text
.fl-slide-text-center
.fl-slide-text-left
.fl-slide-text-right
.fl-slide-title
.fl-slide:first-child
.fl-slider-next
.fl-slider-prev
.fl-social-button
.fl-social-buttons-center
.fl-social-buttons-left
.fl-social-buttons-right
.fl-success
.fl-tab-active
.fl-tabs-horizontal
.fl-tabs-label
.fl-tabs-label.fl-tab-active
.fl-tabs-labels
.fl-tabs-panel
.fl-tabs-panel-content
.fl-tabs-panel-label
.fl-tabs-panels
.fl-tabs-vertical
.fl-testimonial
.fl-testimonials
.fl-testimonials-loaded
.fl-testimonials-wrap
.fl-woocommerce-product
.fl-wp-video
.last
.me-plugin
.mejs-container
.mejs-inner
.mejs-layer
.mejs-layers
.product
.products
.wide
.woocommerce
.wp-video
.wp-video-shortcode
Thanks Nomad - This is fantastic 
1 Like
Gerard - you are the man! Thanks so much for posting this!
It’ll help while Colin gets the CSS Hero people to bundle in our classes 
Agreed! Was just talking to him last night about that…so cool!
I have a feeling that someday, all features as in CSS Hero might also appear within BB… hint hint wish wish
CSS Hero is very touchy I find. It works, and then it doesn’t.
Any idea when they will add BB classes to their plugin?
Hey Gerard,
As far as I know, this is currently being worked on. As soon as we have more info, we’ll be sure to let everyone know!
Best,
Billy