Show products filter

I see the screenshot cannot be uploaded please check it here https://ibb.co/xjLjmng

Thank you.

This is not a matter of conflict but a matter of setting. Is there a setting to make it appear as a dropdown. We have enabled this filter from theme settings Products per page links

Please check.

Ok I just want these three options 9 / 24 / 36 to appear as a dropdown instead of showing the one next to the other. There is no problem I am just asking if they can be displayed in another way that is a dropdown.

Hello,

Could you please give me a little help?

I have created css to change the appearance of this options as a dropdown and also give the same name of the class but I cannot make it work, could you please give me some guidance where to substitute the existing css with the new to make it change?

This is the css
body{
padding:30px;
}

.woodmart-products-per-page {
margin-top: 50px;
}

select:focus {
outline: none;
}

.woodmart-products-per-page {
display: inline-flex;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 10px;
margin-right: 30px;
vertical-align: middle;
}

select {
padding-bottom: 22px;
border-bottom: 1px solid #e6e6e6;
padding-bottom: 5px;
padding-left: 2px;
padding-right: 20px;
max-width: 220px;
height: auto;
border-top-style: none;
border-right-style: none;
border-left-style: none;
color: #2d2a2a;
font-weight: 600;
font-size: 14px;
line-height: 18px;
cursor: pointer;
background: url(drop_arrow.png);
background-size: auto 6px;
background-repeat: no-repeat;
background-position: right 7px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-weight: normal;
padding-bottom: 16px;
}