Adding classes and ids to rows

Hi,

The class rwmb-row is generated by the extension Meta Box Columns. Currently, the extension only supports to add the custom class to each column to apply the style for the column.

For more information, please follow this documentation https://docs.metabox.io/extensions/meta-box-columns/#advanced-syntax.

Hi,

This Javascript code will do the trick.

jQuery(document).ready(function($) {            
    $.each($('.rwmb-row .rwmb-column'), function(index, el) {
        var _this = $(this);
        if( _this.hasClass('custom-css') ) {
            var customClass = $(this).attr('class').split(' ').pop();
            _this.parent('.rwmb-row').addClass(customClass);
        }
        
    });
});

You need to add the custom CSS for the column like the documentation with the format custom-css your-css-class

'columns' => array(
    'column-1' => 4,                   // Simply define the size of the column (from 1 to 12)
    'column-2' => array(               // More advanced syntax
        'size' => 8,                   // Column size (1-12)
        'class' => 'custom-css custom-column-2', // Custom CSS class for the column
    ),
),

The JavaScript code will check if the column has class custom-css and copy your-css-class to the row. See my screenshot https://share.getcloudapp.com/RBuOm0OD.

Then you can style the row with the selector .rwmb-row.your-css-class.