'g-cols', 'style' => '', ); $_atts['class'] .= ' wpb_row'; // for correct output the html of some plugins, like Ultimate Addons $_atts['class'] .= isset( $classes ) ? $classes : ''; // New Columns Layout after version 8.0 if ( us_get_option( 'live_builder' ) AND us_get_option( 'grid_columns_layout' ) ) { // Fallback for old columns layout (after version 8.0) $columns_fallback_result = us_vc_row_columns_fallback_helper( $shortcode_base, $content ); $columns = ( ! empty( $columns_fallback_result['columns'] ) ) ? $columns_fallback_result['columns'] : $columns; // Fallback for $gap param (after version 8.0) if ( $columns_type ) { // If the "Additional gap" was set, get its value and double it as new columns gap // Example: 5px becomes 10px // Example: 0.7rem becomes 1.4rem if ( ! empty( $gap ) AND preg_match( '~^(\d*\.?\d*)(.*)$~', $gap, $matches ) ) { $columns_gap = ( $matches[1] * 2 ) . $matches[2]; } else { $columns_gap = '0rem'; } } elseif ( ! empty( $gap ) ) { $columns_gap = 'calc(3rem + ' . $gap . ')'; } $_atts['class'] .= ' via_grid'; $_atts['class'] .= ' cols_' . $columns; $_atts['class'] .= ' laptops-cols_' . $laptops_columns; $_atts['class'] .= ' tablets-cols_' . $tablets_columns; $_atts['class'] .= ' mobiles-cols_' . $mobiles_columns; // Add columns gap when it is not default if ( $columns_gap !== '3rem' ) { // Use zero for empty value if ( $columns_gap === '' ) { $columns_gap = '0'; } $_atts['style'] .= 'grid-gap:' . esc_attr( $columns_gap ) . ';'; } // Add custom columns layout via inline style if ( $columns === 'custom' AND ! empty( $columns_layout ) ) { $_atts['style'] .= 'grid-template-columns:' . esc_attr( $columns_layout ); } } else { $_atts['class'] .= ' via_flex'; if ( ! empty( $gap ) ) { $_atts['style'] .= '--additional-gap:' . esc_attr( $gap ) . ';'; } } $_atts['class'] .= ' valign_' . $content_placement; if ( ! empty( $columns_type ) ) { $_atts['class'] .= ' type_boxes'; } else { $_atts['class'] .= ' type_default'; } if ( ! empty( $columns_reverse ) ) { $_atts['class'] .= ' reversed'; } // When some values are set in Design options, add the specific classes if ( us_design_options_has_property( $css, 'color' ) ) { $_atts['class'] .= ' has_text_color'; } if ( ! empty( $el_id ) ) { $_atts['id'] = $el_id; } // Output the element $output = ''; $output .= do_shortcode( $content ); $output .= ''; echo $output;