Support » Theme: Storefront » How to change colours of buttons in cart drop down menu?

  • Resolved boppar

    (@boppar)


    Hi.
    Storefront. In the header there is a cart drop down menu.

    I wanted to change the background colour. I found the code below that seems to work:
    .site-header-cart .widget_shopping_cart {
    background: #5B5B5B;
    }

    Now I’m trying to find out how to change the colours of the two buttons “Visa varukorg” and “Till kassan”.
    Somebody can tell me how to manage that?
    https://prnt.sc/q0ml3b

    Thanks and have a nice weekend!

    • This topic was modified 3 months, 1 week ago by boppar.
Viewing 5 replies - 1 through 5 (of 5 total)
  • Jarret

    (@jarretc)

    Hi, this should work

    .site-header-cart .widget_shopping_cart .buttons .button {
      background-color: red;
    }
    ryanr14

    (@ryanr14)

    Hi @boppar,

    Please let us know if that CSS that @jarretc provided does the trick. If not, it’ll be helpful to have a URL to your site. Thanks.

    boppar

    (@boppar)

    Hi @jarretc and @ryanr14.

    It didn’t work with that code.
    Also tried without success:
    .site-header-cart .widget_shopping_cart .buttons .button {
    background: #61CE70;
    }

    Do you have any idea if something is missing the code?

    Jarret

    (@jarretc)

    Ah, you are using Elementor so try this

    .site-header-cart .widget_shopping_cart .elementor-menu-cart__footer-buttons .elementor-button {
      background-color: red;
    }
    boppar

    (@boppar)

    @jarretc
    Thanks Jarret. That worked excellent!

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.