Woo: formátování třídění a počtu výsledků

Co si budeme povídat, zobrazení počtu výsledků a možností třídění ve WooCommerce moc sexy není. A co si ho změnit?

Výsledek pak může vypadat například takto, a je k tomu třeba jen pár řádků kódu.

Třídění i počet nalezených produktů si můžete přizpůsobit, jak libo. Třeba k tomu pomůže kód níže jako startovací mooster:

.woocommerce-ordering select.orderby{
    background-color: inherit;
    border-style: solid;
    border-radius: 5px 5px 5px 5px;
    font-size: 0.75em!important;
    text-align: left;
    border-width: 1px;
    border-color: #999;
    background-color: #FFFFFF;
    color: #999;
    padding: 8px;
		font-weight: 300;
}


p.woocommerce-result-count {
    background-color: inherit;    
    font-size: 0.75em!important;
    text-align: left;    
    border-bottom: 1px solid #999;
    color: #999;
    font-weight: 300;
}