Change styling on "Show X Products" Dropdown Menu?

  • Hi guys, I need to change the background color, text color, highlight color, and border color of the dropdown menus for the Show # Products dropdown menu and the Sorting dropdown. I have the sorting dropdown menu mostly styled using 

    .woocommerce select.orderby {
color: #eeffff !important;
background-color: #007e80 !important;
border-color: #00b2b3;
}

    But I don’t know what to use for the show products dropdown. Does anybody know how this works?

    https://www.ads-software.com/plugins/woocommerce/

Viewing 1 replies (of 1 total)
  • Thread Starter c47man

    (@c47man)

    Quick update, I manage to change most of the colors by doing this:

    In the Highend Theme custom CSS section I added

    .woocommerce ul.sort-count a:link, ul.sort-count a:visited { color: #eeffff; background: #007e80; border: #00b2b3; }

.woocommerce ul.sort-count a:hover { background: #4ca4a6; border: #00b2b3;}

    And then I altered the orderby.php file from:

    $html .= '<span class="current-li"><a>'.__('Show', 'woocommerce').' '.$current_count.' '.__('Items', 'woocommerce').'</a></span>';

    to

    $html .= '<span style="background: #007e80; border-color: #00b2b3 #00b2b3" class="current-li"><a><font color="#eeffff" background="blue">'.__('Show', 'woocommerce').' '.$current_count.' '.__('Items', 'woocommerce').'</font></a></span>';

    The problem is that the border color for the dropdown only works for the outside border of the main box. The border color has not changed for the borders between the dropdown items, or the border for the dropdown box. Also, the border between the Show # Items and the dropdown arrow is also still white.

    Does anybody know what needs to be done to get these items fixed?

Viewing 1 replies (of 1 total)
  • The topic ‘Change styling on "Show X Products" Dropdown Menu?’ is closed to new replies.