Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #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!


    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.




    Great, thanks for your prompt reply!


    Welcome! Let us know if you have more questions!



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.