Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #12011

    I’d like to:

    1. remove the arrow symbol pointing to the link in the drop down navigation menu

    2. remove this arrow symbol also in all messages: View Cart →

    3. how can I change the green background color of “product successfully added to your cart”?

    Can you point me in the right direction? Thanks!

    #73930

    Hi Anna,

    To remove arrow from drop down navigation, add this to your custom.css or Quick CSS:

    #top .main_menu .avia_mega ul ul li, #top .main_menu .avia_mega > li > ul li {
    background-color: #FFFFFF;
    background-image: none;
    background-position: 0 0;
    }

    To change the background color of the successful message, add this to your custom.css or Quick CSS:

    #top div.woocommerce_message {
    background-color: #E0F1B5;
    background-image: url("../images/icons/tick.png");
    border-color: #8BAF5B;
    color: #4F5F39;
    }

    You’ll need to change the colors to whatever you want.

    As far as removing the arrow symbol, you’ll need to remove the code below from woocommerce-functions.php, classes/class-wc-cart.php and widgets/widget-cart.php in your WooCommerce plugin folder.

    →

    Note: Whenever you update the WooCommerce plugin you’ll loose this customization.

    Regards,

    Mya

    #73931

    Great, thanks for your prompt reply!

    #73932

    Welcome! Let us know if you have more questions!

    Regards,

    Mya

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

The topic ‘how to remove arrow symbols / change message background color’ is closed to new replies.