[Resolved] adding custom class to wpv-sort-orderby not working

[Author]

Posts

[Nashaat]

I am trying to add bootstrap class "custom-select custom-select-lg" to wpv-sort-orderby this way but not working:

[wpv-sort-orderby type="select" options="post_date,field-total_sales,field-views_woo_price" label_for_post_date="newest first" label_for_field-total_sales="bestseller" label_for_field-views_woo_price="low to high" orderby_as_numeric_for="field-total_sales,field-views_woo_price" orderby_ascending_for="field-views_woo_price" orderby_descending_for="post_date,field-total_sales" class="custom-select custom-select-lg"]

I tried also to add attribute "list_style="custom-select custom-select-lg". Not working too.

[wpv-sort-orderby list_style="custom-select custom-select-lg" type="select" options="post_date,field-total_sales,field-views_woo_price" label_for_post_date="newest first" label_for_field-total_sales="bestseller" label_for_field-views_woo_price="low to high" orderby_as_numeric_for="field-total_sales,field-views_woo_price" orderby_ascending_for="field-views_woo_price" orderby_descending_for="post_date,field-total_sales" class="custom-select custom-select-lg"]

It works only this way when i add this in the CSS Editor which i dont prefer.

select.wpv-sort-control-select {
    height: 37px;
    width: 100%;
    background: white;
    border: solid 1px #CED4DA;
}

how to add class to wpv-sort-orderby ?

[Luo Yang]

Hello,

The attribute "list_style" works only when using option "as a dropdown list", see screenshot list_style.JPG.

There isn't such a built-in feature to add custom CSS class to the select dropdown of shortcode [wpv-sort-orderby], but you can follow our document to style it:
https://toolset.com/documentation/user-guides/allowing-visitors-to-sort-the-front-end-results/#how-to-style-the-sorting-controls
section "How to style the sorting controls"

[Nashaat]

Thanks Luo!

[Luo Yang]

You are welcome