CSS Overriding Theme CSS

The generated CSS is using the same classes as Bootstrap, but not effectively remaining local to just the html the shortcode generates:

/* thumb spacing */
			
#filter_gallery_14255 .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-right: 12px !important;
	padding-left: 12px !important;
	padding-bottom: 12px !important;
	padding-top: 12px !important;
}

As you can see, it is only applying to the first rule corrently, #filter_gallery_14255 .col-xs-1 instead of #filter_gallery_14255 .col-xs-1, #filter_gallery_14255 .col-xs-2, #filter_gallery_14255 .col-xs-3…. and so on.

Please resolve this so that the padding is not completely overriding all Bootstrap classes on the entire page!

Edit: I am using the Pro version.

• This topic was modified 7 years, 11 months ago by flitchcreative.