body,.et_pb_column_1_2 .et_quote_content blockquote cite,.et_pb_column_1_2 .et_link_content a.et_link_main_url,.et_pb_column_1_3 .et_quote_content blockquote cite,.et_pb_column_3_8 .et_quote_content blockquote cite,.et_pb_column_1_4 .et_quote_content blockquote cite,.et_pb_blog_grid .et_quote_content blockquote cite,.et_pb_column_1_3 .et_link_content a.et_link_main_url,.et_pb_column_3_8 .et_link_content a.et_link_main_url,.et_pb_column_1_4 .et_link_content a.et_link_main_url,.et_pb_blog_grid .et_link_content a.et_link_main_url,body .et_pb_bg_layout_light .et_pb_post p,body .et_pb_bg_layout_dark .et_pb_post p{font-size:14px}.et_pb_slide_content,.et_pb_best_value{font-size:15px}body{line-height:1.4em}.woocommerce #respond input#submit,.woocommerce-page #respond input#submit,.woocommerce #content input.button,.woocommerce-page #content input.button,.woocommerce-message,.woocommerce-error,.woocommerce-info{background:#000000!important}#et_search_icon:hover,.mobile_menu_bar:before,.mobile_menu_bar:after,.et_toggle_slide_menu:after,.et-social-icon a:hover,.et_pb_sum,.et_pb_pricing li a,.et_pb_pricing_table_button,.et_overlay:before,.entry-summary p.price ins,.woocommerce div.product span.price,.woocommerce-page div.product span.price,.woocommerce #content div.product span.price,.woocommerce-page #content div.product span.price,.woocommerce div.product p.price,.woocommerce-page div.product p.price,.woocommerce #content div.product p.price,.woocommerce-page #content div.product p.price,.et_pb_member_social_links a:hover,.woocommerce .star-rating span:before,.woocommerce-page .star-rating span:before,.et_pb_widget li a:hover,.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active,.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active,.et_pb_gallery .et_pb_gallery_pagination ul li a.active,.wp-pagenavi span.current,.wp-pagenavi a:hover,.nav-single a,.tagged_as a,.posted_in a{color:#000000}.et_pb_contact_submit,.et_password_protected_form .et_submit_button,.et_pb_bg_layout_light .et_pb_newsletter_button,.comment-reply-link,.form-submit .et_pb_button,.et_pb_bg_layout_light .et_pb_promo_button,.et_pb_bg_layout_light .et_pb_more_button,.woocommerce a.button.alt,.woocommerce-page a.button.alt,.woocommerce button.button.alt,.woocommerce button.button.alt.disabled,.woocommerce-page button.button.alt,.woocommerce-page button.button.alt.disabled,.woocommerce input.button.alt,.woocommerce-page input.button.alt,.woocommerce #respond input#submit.alt,.woocommerce-page #respond input#submit.alt,.woocommerce #content input.button.alt,.woocommerce-page #content input.button.alt,.woocommerce a.button,.woocommerce-page a.button,.woocommerce button.button,.woocommerce-page button.button,.woocommerce input.button,.woocommerce-page input.button,.et_pb_contact p input[type="checkbox"]:checked+label i:before,.et_pb_bg_layout_light.et_pb_module.et_pb_button{color:#000000}.footer-widget h4{color:#000000}.et-search-form,.nav li ul,.et_mobile_menu,.footer-widget li:before,.et_pb_pricing li:before,blockquote{border-color:#000000}.et_pb_counter_amount,.et_pb_featured_table .et_pb_pricing_heading,.et_quote_content,.et_link_content,.et_audio_content,.et_pb_post_slider.et_pb_bg_layout_dark,.et_slide_in_menu_container,.et_pb_contact p input[type="radio"]:checked+label i:before{background-color:#000000}a{color:#000000}.nav li ul{border-color:#007582}.et_secondary_nav_enabled #page-container #top-header{background-color:#007582!important}#et-secondary-nav li ul{background-color:#007582}#top-menu li a,.et_search_form_container input{letter-spacing:-1px}.et_search_form_container input::-moz-placeholder{letter-spacing:-1px}.et_search_form_container input::-webkit-input-placeholder{letter-spacing:-1px}.et_search_form_container input:-ms-input-placeholder{letter-spacing:-1px}#top-menu li.current-menu-ancestor>a,#top-menu li.current-menu-item>a,#top-menu li.current_page_item>a{color:#005f77}#main-footer .footer-widget h4,#main-footer .widget_block h1,#main-footer .widget_block h2,#main-footer .widget_block h3,#main-footer .widget_block h4,#main-footer .widget_block h5,#main-footer .widget_block h6{color:#60969e}.footer-widget li:before{border-color:#007582}.bottom-nav,.bottom-nav a,.bottom-nav li.current-menu-item a{color:#ffffff}#et-footer-nav .bottom-nav li.current-menu-item a{color:#ffffff}#footer-info,#footer-info a{color:#ffffff}h1,h2,h3,h4,h5,h6,.et_quote_content blockquote p,.et_pb_slide_description .et_pb_slide_title{line-height:1.4em}@media only screen and (min-width:981px){.et_header_style_left #et-top-navigation,.et_header_style_split #et-top-navigation{padding:61px 0 0 0}.et_header_style_left #et-top-navigation nav>ul>li>a,.et_header_style_split #et-top-navigation nav>ul>li>a{padding-bottom:61px}.et_header_style_split .centered-inline-logo-wrap{width:121px;margin:-121px 0}.et_header_style_split .centered-inline-logo-wrap #logo{max-height:121px}.et_pb_svg_logo.et_header_style_split .centered-inline-logo-wrap #logo{height:121px}.et_header_style_centered #top-menu>li>a{padding-bottom:22px}.et_header_style_slide #et-top-navigation,.et_header_style_fullscreen #et-top-navigation{padding:52px 0 52px 0!important}.et_header_style_centered #main-header .logo_container{height:121px}.et_header_style_centered #logo{max-height:66%}.et_pb_svg_logo.et_header_style_centered #logo{height:66%}.et_header_style_left .et-fixed-header #et-top-navigation,.et_header_style_split .et-fixed-header #et-top-navigation{padding:53px 0 0 0}.et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li>a,.et_header_style_split .et-fixed-header #et-top-navigation nav>ul>li>a{padding-bottom:53px}.et_header_style_centered header#main-header.et-fixed-header .logo_container{height:105px}.et_header_style_split #main-header.et-fixed-header .centered-inline-logo-wrap{width:105px;margin:-105px 0}.et_header_style_split .et-fixed-header .centered-inline-logo-wrap #logo{max-height:105px}.et_pb_svg_logo.et_header_style_split .et-fixed-header .centered-inline-logo-wrap #logo{height:105px}.et_header_style_slide .et-fixed-header #et-top-navigation,.et_header_style_fullscreen .et-fixed-header #et-top-navigation{padding:44px 0 44px 0!important}.et_fixed_nav #page-container .et-fixed-header#top-header{background-color:#007582!important}.et_fixed_nav #page-container .et-fixed-header#top-header #et-secondary-nav li ul{background-color:#007582}.et-fixed-header #top-menu li.current-menu-ancestor>a,.et-fixed-header #top-menu li.current-menu-item>a,.et-fixed-header #top-menu li.current_page_item>a{color:#007582!important}}@media only screen and (min-width:1350px){.et_pb_row{padding:27px 0}.et_pb_section{padding:54px 0}.single.et_pb_pagebuilder_layout.et_full_width_page .et_post_meta_wrapper{padding-top:81px}.et_pb_fullwidth_section{padding:0}}@media only screen and (max-width:980px){h1{font-size:32px}h2,.product .related h2,.et_pb_column_1_2 .et_quote_content blockquote p{font-size:27px}h3{font-size:23px}h4,.et_pb_circle_counter h3,.et_pb_number_counter h3,.et_pb_column_1_3 .et_pb_post h2,.et_pb_column_1_4 .et_pb_post h2,.et_pb_blog_grid h2,.et_pb_column_1_3 .et_quote_content blockquote p,.et_pb_column_3_8 .et_quote_content blockquote p,.et_pb_column_1_4 .et_quote_content blockquote p,.et_pb_blog_grid .et_quote_content blockquote p,.et_pb_column_1_3 .et_link_content h2,.et_pb_column_3_8 .et_link_content h2,.et_pb_column_1_4 .et_link_content h2,.et_pb_blog_grid .et_link_content h2,.et_pb_column_1_3 .et_audio_content h2,.et_pb_column_3_8 .et_audio_content h2,.et_pb_column_1_4 .et_audio_content h2,.et_pb_blog_grid .et_audio_content h2,.et_pb_column_3_8 .et_pb_audio_module_content h2,.et_pb_column_1_3 .et_pb_audio_module_content h2,.et_pb_gallery_grid .et_pb_gallery_item h3,.et_pb_portfolio_grid .et_pb_portfolio_item h2,.et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2{font-size:19px}.et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_description .et_pb_slide_title{font-size:48px}.woocommerce ul.products li.product h3,.woocommerce-page ul.products li.product h3,.et_pb_gallery_grid .et_pb_gallery_item h3,.et_pb_portfolio_grid .et_pb_portfolio_item h2,.et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2,.et_pb_column_1_4 .et_pb_audio_module_content h2{font-size:16px}h5{font-size:16px}h6{font-size:15px}.et_pb_section{padding:0px 0}.et_pb_section.et_pb_fullwidth_section{padding:0}.et_pb_row,.et_pb_column .et_pb_row_inner{padding:22px 0}}@media only screen and (max-width:767px){body,.et_pb_column_1_2 .et_quote_content blockquote cite,.et_pb_column_1_2 .et_link_content a.et_link_main_url,.et_pb_column_1_3 .et_quote_content blockquote cite,.et_pb_column_3_8 .et_quote_content blockquote cite,.et_pb_column_1_4 .et_quote_content blockquote cite,.et_pb_blog_grid .et_quote_content blockquote cite,.et_pb_column_1_3 .et_link_content a.et_link_main_url,.et_pb_column_3_8 .et_link_content a.et_link_main_url,.et_pb_column_1_4 .et_link_content a.et_link_main_url,.et_pb_blog_grid .et_link_content a.et_link_main_url{font-size:12px}.et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_content,.et_pb_best_value{font-size:13px}h1{font-size:22px}h2,.product .related h2,.et_pb_column_1_2 .et_quote_content blockquote p{font-size:18px}h3{font-size:16px}h4,.et_pb_circle_counter h3,.et_pb_number_counter h3,.et_pb_column_1_3 .et_pb_post h2,.et_pb_column_1_4 .et_pb_post h2,.et_pb_blog_grid h2,.et_pb_column_1_3 .et_quote_content blockquote p,.et_pb_column_3_8 .et_quote_content blockquote p,.et_pb_column_1_4 .et_quote_content blockquote p,.et_pb_blog_grid .et_quote_content blockquote p,.et_pb_column_1_3 .et_link_content h2,.et_pb_column_3_8 .et_link_content h2,.et_pb_column_1_4 .et_link_content h2,.et_pb_blog_grid .et_link_content h2,.et_pb_column_1_3 .et_audio_content h2,.et_pb_column_3_8 .et_audio_content h2,.et_pb_column_1_4 .et_audio_content h2,.et_pb_blog_grid .et_audio_content h2,.et_pb_column_3_8 .et_pb_audio_module_content h2,.et_pb_column_1_3 .et_pb_audio_module_content h2,.et_pb_gallery_grid .et_pb_gallery_item h3,.et_pb_portfolio_grid .et_pb_portfolio_item h2,.et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2{font-size:13px}.et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_description .et_pb_slide_title{font-size:33px}.woocommerce ul.products li.product h3,.woocommerce-page ul.products li.product h3,.et_pb_gallery_grid .et_pb_gallery_item h3,.et_pb_portfolio_grid .et_pb_portfolio_item h2,.et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2,.et_pb_column_1_4 .et_pb_audio_module_content h2{font-size:11px}h5{font-size:11px}h6{font-size:10px}.et_pb_row,.et_pb_column .et_pb_row_inner{padding:0px 0}}	h1,h2,h3,h4,h5,h6{font-family:'Playfair Display',Georgia,"Times New Roman",serif}body,input,textarea,select{font-family:'Source Sans Pro',Helvetica,Arial,Lucida,sans-serif}.et-cart-info{visibility:hidden}div#footer-widgets{display:none}div.et_pb_slide{max-height:350px;padding:20px 0}div.et_pb_slider_container_inner{padding:20px 0}div.et_pb_slide_description{padding:20px 0}.ms-options ul{padding:10px!important}.ms-options{min-height:100px!important}.et-waypoint.et_pb_animation_off,.et-waypoint:not(.et_pb_counters).et_pb_animation_off,.et_pb_animation_off{opacity:1!important}.elevated-header-logo{display:flex;width:162px;height:86px;margin:0 auto;align-items:center;justify-content:center;background:#000;text-decoration:none!important;box-sizing:border-box}.elevated-header-logo span{color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:12.5px;font-weight:600;letter-spacing:4px;line-height:1;white-space:nowrap;transform:translateX(2px)}.woocommerce span.onsale,.woocommerce-page span.onsale,.woocommerce ul.products li.product .onsale,.woocommerce-page ul.products li.product .onsale,.et_pb_shop .onsale,.et_pb_wc_related_products .onsale,.et_pb_wc_upsells .onsale{background:#000000!important;color:#ffffff!important;border:none!important}body.es-mens-page span.onsale,body.es-mens-page .woocommerce span.onsale,body.es-mens-page .woocommerce-page span.onsale{background-color:#ffffff!important;color:#000000!important;border:none!important}.wpfFilterWrapper .ms-options-wrap>.ms-options,.wpfFilterWrapper .ms-options-wrap>.ms-options ul,.wpfFilterWrapper .ms-options-wrap>.ms-options li,.wpfFilterWrapper .ms-options-wrap>.ms-options li label,.wpfFilterWrapper .ms-options-wrap>.ms-options li label span,.wpfFilterWrapper .wpfFilterContent,.wpfFilterWrapper .wpfFilterContent label,.wpfFilterWrapper .wpfFilterContent span,.wpfFilterWrapper .wpfValue,.wpfFilterWrapper .wpfDisplay,.wpfFilterWrapper option{color:#111111!important;-webkit-text-fill-color:#111111!important}.wpfFilterWrapper .ms-options-wrap>.ms-options li,.wpfFilterWrapper .ms-options-wrap>.ms-options li label,.wpfFilterWrapper .wpfFilterContent *{opacity:1!important}.wpfFilterWrapper .ms-options-wrap>.ms-options li:hover label,.wpfFilterWrapper .ms-options-wrap>.ms-options li.selected label,.wpfFilterWrapper .ms-options-wrap>.ms-options li label:hover{color:#111111!important;-webkit-text-fill-color:#111111!important}.wpfMainWrapper{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:12px!important;width:100%!important;margin:20px 0 32px!important;padding:0!important}.wpfMainWrapper .wpfFilterWrapper{position:relative!important;flex:1 1 150px!important;min-width:145px!important;max-width:260px!important;margin:0!important;padding:0!important;background:#ffffff!important;border:1px solid #dedede!important;border-radius:999px!important;box-shadow:none!important;overflow:visible!important}.wpfMainWrapper .wpfFilterWrapper select{width:100%!important;min-height:48px!important;height:48px!important;margin:0!important;padding:0 42px 0 18px!important;background:transparent!important;border:0!important;border-radius:999px!important;box-shadow:none!important;outline:none!important;color:#161616!important;font-size:14px!important;font-weight:500!important;cursor:pointer!important;-webkit-appearance:none!important;appearance:none!important}.wpfMainWrapper .ms-options-wrap{width:100%!important;position:relative!important}.wpfMainWrapper .ms-options-wrap>button{width:100%!important;min-height:48px!important;height:48px!important;margin:0!important;padding:0 42px 0 18px!important;background:transparent!important;border:0!important;border-radius:999px!important;box-shadow:none!important;outline:none!important;color:#161616!important;font-size:14px!important;font-weight:500!important;text-align:left!important;cursor:pointer!important}.wpfMainWrapper .ms-options-wrap>button::after{display:none!important}.wpfMainWrapper .ms-options-wrap::after{content:""!important;position:absolute!important;right:18px!important;top:50%!important;width:7px!important;height:7px!important;border-right:1.5px solid #111!important;border-bottom:1.5px solid #111!important;transform:translateY(-65%) rotate(45deg)!important;pointer-events:none!important}.wpfMainWrapper .wpfFilterWrapper[data-display-type="dropdown"]::after{content:""!important;position:absolute!important;right:18px!important;top:50%!important;width:7px!important;height:7px!important;border-right:1.5px solid #111!important;border-bottom:1.5px solid #111!important;transform:translateY(-65%) rotate(45deg)!important;pointer-events:none!important}.wpfMainWrapper .wpfFilterWrapper:hover{border-color:#bdbdbd!important;background:#fafafa!important}.wpfMainWrapper .ms-options{position:absolute!important;z-index:9999!important;top:calc(100% + 8px)!important;left:0!important;width:100%!important;min-width:220px!important;background:#ffffff!important;border:1px solid #dedede!important;border-radius:14px!important;box-shadow:0 10px 28px rgba(0,0,0,0.08)!important;padding:10px 0!important;overflow-y:auto!important}.wpfMainWrapper .ms-options ul,.wpfMainWrapper .ms-options li{margin:0!important;padding:0!important;background:#ffffff!important}.wpfMainWrapper .ms-options li label{display:flex!important;align-items:center!important;min-height:38px!important;padding:7px 14px 7px 42px!important;margin:0!important;background:#ffffff!important;color:#1b1b1b!important;font-size:14px!important;line-height:1.4!important;cursor:pointer!important}.wpfMainWrapper .ms-options li label:hover{background:#f7f7f7!important}.wpfMainWrapper .ms-options input[type="checkbox"]{width:16px!important;height:16px!important;margin:0 9px 0 0!important;accent-color:#111111!important}.wpfMainWrapper .ms-options li.selected label{font-weight:600!important;background:#f5f5f5!important}.wpfMainWrapper .wpfFilterButtons{margin:0 0 0 auto!important;padding:0!important}.wpfMainWrapper .wpfClearButton{width:auto!important;min-width:0!important;height:48px!important;padding:0 4px!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#111!important;font-size:0!important;cursor:pointer!important}.wpfMainWrapper .wpfClearButton::after{content:"CLEAR FILTERS";display:inline-block;padding-bottom:3px;border-bottom:1px solid #111;font-size:11px;font-weight:600;letter-spacing:.14em;line-height:1.2}.wpfMainWrapper .wpfClearButton:hover{opacity:.55!important}@media (max-width:1100px){.wpfMainWrapper .wpfFilterWrapper{flex:1 1 calc(33.333% - 12px)!important;max-width:none!important}.wpfMainWrapper .wpfFilterButtons{margin-left:0!important}}@media (max-width:767px){.wpfMainWrapper{gap:10px!important}.wpfMainWrapper .wpfFilterWrapper{flex:1 1 100%!important;max-width:none!important;width:100%!important}.wpfMainWrapper .wpfFilterButtons{width:100%!important;text-align:right!important}.wpfMainWrapper .ms-options{min-width:100%!important}}Is there a way we could dress up this/these filters via cssEditEditkeep it like this actually just made the background color white intead of beige and then also have the code apply to the inside/dropdown portions of the filterEditEditEditPasted text(20260912-034337).txtDocumentPerfect. Replace all of that current WBW CSS with one clean global block instead.This version is built specifically around the actual WBW markup you pasted:.wpfMainWrapper,.wpfFilterWrapper,.ms-options-wrap,.ms-options,native,and .wpfClearButton. It will apply to all WBW Product Filters on Elevated.Style..wpfMainWrapper{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:12px!important;width:100%!important;margin:20px 0 32px!important;padding:0!important}.wpfMainWrapper .wpfFilterWrapper{position:relative!important;flex:1 1 150px!important;min-width:145px!important;max-width:260px!important;margin:0!important;padding:0!important;background:#ffffff!important;border:1px solid #dedede!important;border-radius:999px!important;box-shadow:none!important;overflow:visible!important}.wpfMainWrapper .wpfFilterWrapper select{width:100%!important;min-height:48px!important;height:48px!important;margin:0!important;padding:0 42px 0 18px!important;background:transparent!important;border:0!important;border-radius:999px!important;box-shadow:none!important;outline:none!important;color:#161616!important;font-size:14px!important;font-weight:500!important;cursor:pointer!important;-webkit-appearance:none!important;appearance:none!important}.wpfMainWrapper .ms-options-wrap{width:100%!important;position:relative!important}.wpfMainWrapper .ms-options-wrap>button{width:100%!important;min-height:48px!important;height:48px!important;margin:0!important;padding:0 42px 0 18px!important;background:transparent!important;border:0!important;border-radius:999px!important;box-shadow:none!important;outline:none!important;color:#161616!important;font-size:14px!important;font-weight:500!important;text-align:left!important;cursor:pointer!important}.wpfMainWrapper .ms-options-wrap>button::after{display:none!important}.wpfMainWrapper .ms-options-wrap::after{content:""!important;position:absolute!important;right:18px!important;top:50%!important;width:7px!important;height:7px!important;border-right:1.5px solid #111!important;border-bottom:1.5px solid #111!important;transform:translateY(-65%) rotate(45deg)!important;pointer-events:none!important}.wpfMainWrapper .wpfFilterWrapper[data-display-type="dropdown"]::after{content:""!important;position:absolute!important;right:18px!important;top:50%!important;width:7px!important;height:7px!important;border-right:1.5px solid #111!important;border-bottom:1.5px solid #111!important;transform:translateY(-65%) rotate(45deg)!important;pointer-events:none!important}.wpfMainWrapper .wpfFilterWrapper:hover{border-color:#bdbdbd!important;background:#fafafa!important}.wpfMainWrapper .ms-options{position:absolute!important;z-index:9999!important;top:calc(100% + 8px)!important;left:0!important;width:100%!important;min-width:220px!important;background:#ffffff!important;border:1px solid #dedede!important;border-radius:14px!important;box-shadow:0 10px 28px rgba(0,0,0,0.08)!important;padding:10px 0!important;overflow-y:auto!important}.wpfMainWrapper .ms-options ul,.wpfMainWrapper .ms-options li{margin:0!important;padding:0!important;background:#ffffff!important}.wpfMainWrapper .ms-options li label{display:flex!important;align-items:center!important;min-height:38px!important;padding:7px 14px 7px 42px!important;margin:0!important;background:#ffffff!important;color:#1b1b1b!important;font-size:14px!important;line-height:1.4!important;cursor:pointer!important}.wpfMainWrapper .ms-options li label:hover{background:#f7f7f7!important}.wpfMainWrapper .ms-options input[type="checkbox"]{width:16px!important;height:16px!important;margin:0 9px 0 0!important;accent-color:#111111!important}.wpfMainWrapper .ms-options li.selected label{font-weight:600!important;background:#f5f5f5!important}.wpfMainWrapper .wpfFilterButtons{margin:0 0 0 auto!important;padding:0!important}.wpfMainWrapper .wpfClearButton{width:auto!important;min-width:0!important;height:48px!important;padding:0 4px!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#111!important;font-size:0!important;cursor:pointer!important}.wpfMainWrapper .wpfClearButton::after{content:"CLEAR FILTERS";display:inline-block;padding-bottom:3px;border-bottom:1px solid #111;font-size:11px;font-weight:600;letter-spacing:.14em;line-height:1.2}.wpfMainWrapper .wpfClearButton:hover{opacity:.55!important}@media (max-width:1100px){.wpfMainWrapper .wpfFilterWrapper{flex:1 1 calc(33.333% - 12px)!important;max-width:none!important}.wpfMainWrapper .wpfFilterButtons{margin-left:0!important}}@media (max-width:767px){.wpfMainWrapper{gap:10px!important}.wpfMainWrapper .wpfFilterWrapper{flex:1 1 100%!important;max-width:none!important;width:100%!important}.wpfMainWrapper .wpfFilterButtons{width:100%!important;text-align:right!important}.wpfMainWrapper .ms-options{min-width:100%!important}}A couple of notes before you paste it:Delete the old WBW CSS entirely first so there aren’t conflicting rules.Paste this into the same global Divi Custom CSS area.Don’t add the previous icon JavaScript yet. Let’s first get the horizontal WBW structure working cleanly everywhere.Product Category is generated differently from the other filters,but this CSS accounts for that with [data-display-type="dropdown"].The multi-select filters use .ms-options-wrap,which we now know for sure from your markup.After you paste it,send me a screenshot of Recently Added with all filters collapsed and then one filter open. I’ll make the final polish pass from there.why isn't the product category one the same as all the others
Exactly — Product Category is behaving differently because WBW built that filter differently from the other five.
From your screenshots:
Gender, Length/Inseam, Size, Color, and Price are WBW multi-select controls. WBW replaces them with its custom .ms-options-wrap interface, which is why Gender opens into the nice white panel we styled.
Product Category is still a native HTML . We styled its closed state to look like the others, but when you click it, the browser/macOS renders the native select menu. That's the dark gray menu you're seeing.
CSS can style the closed , but it cannot reliably turn the native browser dropdown itself into the same custom white WBW panel.
So your CSS is actually doing what we asked—it just exposed that Product Category is a different control type.
Best fix
I would change Product Category inside WBW from a dropdown/select to the same multi-select/dropdown type used by Gender.
That gives us:
Product Category ▾
→ click → white rounded WBW panel
→ checkboxes for Men's Jeans,Men's Pants, Women's Jeans,etc.It would then naturally use the exact same .ms-options-wrap styling we already created instead of us trying to fake consistency with CSS.And there's another benefit: shoppers could select more than one category at once, e.g. Women's Jeans+Women's Pants.
Let's change it in WBW rather than hack itGo into WordPress:WBW Product Filter → Filters → open the filter set used on Recently AddedThen click/edit Product Category.Send me a screenshot of the settings/options you see for that Product Category filter. I'll tell you exactly which setting to change so we don't disturb its category data or filtering behavior.Once Product Category uses the same WBW control as the others,the CSS you just added should automatically make all six visually consistent.also give code to make it so that no matter how many filters are there for each category page,it's always centered orientationYes. Since the filter wrapper is now a flex row,the clean fix is to center the entire group of filters+clear button regardless of whether a page has 3 filters,4,6,etc.Add this under your current global WBW CSS:.wpfMainWrapper{justify-content:center!important}.wpfMainWrapper .wpfFilterButtons{margin-left:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.wpfMainWrapper .wpfFilterWrapper{flex:0 1 auto!important}.wpfMainWrapper .wpfFilterWrapper{width:220px!important;max-width:220px!important}.wpfMainWrapper .wpfFilterWrapper[data-slug="category"]{width:240px!important;max-width:240px!important}@media (max-width:1100px){.wpfMainWrapper{justify-content:center!important}.wpfMainWrapper .wpfFilterWrapper{width:calc(33.333% - 12px)!important;max-width:none!important}}@media (max-width:767px){.wpfMainWrapper .wpfFilterWrapper{width:100%!important;max-width:none!important}.wpfMainWrapper .wpfFilterButtons{width:100%!important}}@media (min-width:1101px){.wpfMainWrapper{justify-content:center!important;flex-wrap:nowrap!important;gap:10px!important}.wpfMainWrapper .wpfFilterWrapper{width:175px!important;max-width:175px!important;min-width:175px!important;flex:0 0 175px!important}.wpfMainWrapper .wpfFilterWrapper[data-slug="category"]{width:190px!important;max-width:190px!important;min-width:190px!important;flex-basis:190px!important}.wpfMainWrapper .wpfFilterButtons{flex:0 0 auto!important;width:auto!important;margin:0 0 0 8px!important;white-space:nowrap!important}}