Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 29, 2017 at 6:01 pm #845398
    metrocitygirl

    So I set up Woocomerce and set my preferences to always show the shopping cart icon in the nav menu. I’d like to figure out how to change the color of the icon and make it larger as well. Also I want to remove the white separator lines around the icon. Thanks.

    August 29, 2017 at 6:05 pm #845400
    Yigit

    Hey metrocitygirl,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    .html_header_top #menu-item-shop.cart_dropdown {
    border: none;
}
#menu-item-shop .cart_dropdown_link:hover {
    color: orange;
}
#menu-item-shop .cart_dropdown_link {
    color: white;
    font-size: 20px;
}

    Best regards,
    Yigit

    August 29, 2017 at 6:29 pm #845407
    metrocitygirl

    Great that worked well! Thank you for the quick response too! Now is there a way to move the social icons where the shopping cart is and move the shopping cart icon all the way over to the right side of the page where the instagram logo is?

    August 29, 2017 at 11:59 pm #845519
    Jordan Shannon

    Hi,

    Would you be able to start an additional thread to address the second issue. That way we can keep this one organized to one topic?

    Best regards,
    Jordan Shannon

    September 2, 2017 at 9:02 pm #847227
    metrocitygirl

    thanks you can close this thread now!

    September 3, 2017 at 6:55 am #847310
    Rikard

    Hi,

    Thanks for the letting us know. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Change Color and Size of Shopping Cart Icon’ is closed to new replies.