Return to previous page

Change color of product price & total in popup cart

This topic has 4 replies, 2 voices, and was last updated 8 years, 3 months ago ago by Rose Tyler

  • Avatar: cherbst
    Christian
    Participant
    November 15, 2016 at 10:25

    Hi,

    The price & total amount is white (as the background) when hovering over the popup cart in the upper right corner.

    And while you check it I want to have a space between price and currency (you fixed it before but there have been som updated recently).

    Best,
    Christian

    #145849 Copied
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 15, 2016 at 10:33

    Hello,

    Please, add this code in Custom CSS:

    .shopping-cart-widget .totals .pricedisplay > span {
    color: black !important;
}

    Regards,
    Rose Tyler.

    #145851 Copied
    Avatar: cherbst
    Christian
    Participant
    November 15, 2016 at 11:03

    Thanks,

    The code did only affected the totals. Not the product price if listed.

    Also: Any code to get general spacing between amount and currency? (In Chrome it is no space showing).

    #145861 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 15, 2016 at 11:22

    Hello,

    Please, change previously css code to the following:

    .cart-popup span.woocommerce-Price-amount.amount {
    color: black !important;
}

    Also, provide a screenshot for our better understanding where exactly you want to change spacing.

    Regards,
    Rose Tyler.

    #145864 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

The forum ‘TheLeader Support Forum’ is closed to new topics and replies.

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Perfume – WordPress WooCommerce Theme
lazy-placeholder
Water Delivery – WordPress WooCommerce Theme
lazy-placeholder
Coffee Store – WordPress WooCommerce Theme
lazy-placeholder
Business 02 – WordPress WooCommerce Theme
lazy-placeholder
Poster – WooCommerce Theme
lazy-placeholder
Minimal Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Kids Store – WordPress WooCommerce Theme
lazy-placeholder
Burger Store – WordPress WooCommerce Theme
lazy-placeholder
Animals Store – WordPress WooCommerce Theme
lazy-placeholder
Kids Toys Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.