Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #24506


    I have turned my website quite white transparent. Im order to keep all texts readable, I was able to change the color and the size of almost every text line in the website. The only exception is the font color and size on the woocommerce cart plugin – please, check ( the widget is the one with the title “O SEU CARRINHO”).

    Would it be possible to help me out with the code for this?

    Thank you in advance.

    best regards



    Hi again,

    Actually I have the above problem in other woccommerce widgets, like, for instance, the best selling products widget (prices are displayed in a light colored and small font).

    I have just finished searching for the code on the woocommerce-mod.css file, but I could not solve this :-(

    I am sorry to bother you with this.





    To change the cart widget color use following code:

    div ul.product_list_widget li {
    font-size: 10px;
    color: #aaa;

    If you want to change the color of all sidebar widgets try:

    .sidebar .widget {
    color: #aaa !important;

    .sidebar .widget a {
    color: #333 !important;

    .sidebar .widget a:hover {
    color: #999 !important;

    Of course you can replace the color values with any other hex value.


    Dear Dude,

    It worked. Thank you very much.

    I had seen the code regarding “div ul.product_list_widget li”, but I didn´t think it would influence what I wanted.





    You can add this on your custom.css or Quick CSS to edit the best seller price.

    .widget_best_sellers .from, .widget_best_sellers .amount {
    color: red;
    font-size: 20px;

    Change the values.




    Hi Ismael,

    Thank you very much for you support.

    indeed, you make indeed a great team!




    Glad that Ismael and Peter set you back on the path to enlightenment ;)



Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘How to change both font size and color on the woocommerce cart widget?’ is closed to new replies.