Turn on Custom CSS Class field for all ALB Elements

Add to functions.php in child theme:

 add_theme_support('avia_template_builder_custom_css');

Now you can add a custom class name of your choice to a column so that you can easily style that element through the Quick CSS field or your child theme’s style.css file.

I named mine “fixed-width”.  The example below will set the width of the column to 500px.  Using Media Queries you can set rules for widths as screen size changes. Here the width of the column will chnage to 200px if the total width of the screen is below 767px.

 /*fixed width */
.fixed-width {
width: 500px !important;
max-width: 500px !important;
min-width: 500px !important;
}

@media only screen and (max-width: 767px) {
.fixed-width {
width: 200px !important;
max-width: 200px !important;
min-width: 200px !important;
}}
in Enfold

Related Articles