Okay
  Public Ticket #1301657
woocommerce dropdown widget
Closed

Comments

  • András started the conversation

    Hello!

    How can I change the dropdown widget icon? for eg. to this: 

    fa-shopping-cart

    Thx!

  •  810
    Qode replied

    Hello Andras,

    You can do this with some custom css. Here is an example code;

    .shopping_cart_header .header_cart {
        background-image: none !important;
    }
    .shopping_cart_header .header_cart span {
        display: none !important;
    }
    .shopping_cart_header a:after {
        content: '/f07a';
        font-family: 'FontAwesome';
        color: #ffffff ;
        font-size: 30px;
    }
    

    You can also try with different styles and different colors.

    All the best,

    The new and improved Online Bridge Documentation is live. Check it out now - LINK

    Also check our articles with useful tips and suggestions

    Best Regards,

    Qode

  • András replied

    It doesn't work :(

    It just take the "/f07a" instead of the image..:S

  •  810
    Qode replied

    Hello András,

    Try to add  !important rule to each line like this:

    .shopping_cart_header .header_cart {    background-image: none !important;
    }
    .shopping_cart_header .header_cart span {
        display: none !important;
    }
    .shopping_cart_header a:after {
        content: '/f07a' !important;
        font-family: 'FontAwesome' !important;
        color: #ffffff !important;
        font-size: 30px !important;
    }

    If the issue persists, please send us an url to your website and wp-admin in private reply and we will take a closer look.

    All the best,

    The new and improved Online Bridge Documentation is live. Check it out now - LINK

    Also check our articles with useful tips and suggestions

    Best Regards,

    Qode

  •   András replied privately
  •  810
    Qode replied

    Hello András, 

    Sorry for late response, we have reduced number of support agents over weekend.

    We added this snippet in Qode Options>General>Custom Css:

    .header_cart.cart_icon:before {
        content: '\f07a'  !important;
        font-family: 'FontAwesome'  !important;
        color: #111111 !important;
        font-size: 34px !important;
    }

    The code is at the top of custom css field, you can change color and font size if you want.

    All the best,

    The new and improved Online Bridge Documentation is live. Check it out now - LINK

    Also check our articles with useful tips and suggestions

    Best Regards,

    Qode

  • András replied

    Very Very Thank You!!

  •  810
    Qode replied

    You're welcome. If you have some spare time and if you are satisfied with our support, we would really appreciate it if you would be willing to rate us with 5 stars on this link - http://themeforest.net/downloads By doing this you will be helping us build even better themes and provide better support. 

    Thank you in advance

    The new and improved Online Bridge Documentation is live. Check it out now - LINK

    Also check our articles with useful tips and suggestions

    Best Regards,

    Qode