Okay
  Public Ticket #2577620
Change Cart Ribbon Color
Closed

Comments

  •  4
    sstio45 started the conversation
    October 22, 2020 at 7:38am

    Hey,

    I am trying to change the Cart Ribbon Background Color.

    I tried it like this:

    .cart-ribbon a .cart_content span.bucket {
    background-color: #f44d61 !important;
}
.cart-ribbon a .cart_content {
    background: #f44d61 !important;
}
.cart-ribbon a .bucket-bottom {
    border: 0 solid #f44d61 !important;
}

    It changes the top of the bucket but not the bottom. How can i change this?

    Thanks!

  • [deleted] replied
    October 22, 2020 at 7:58am

    Hi sstio45,

    When you add !important rule you are overwriting other border styles (see video).

    Please add this CSS code:

    .cart-ribbon a .bucket-bottom {
    border: 0 solid #f44d61;
    border-bottom-color: transparent;
    border-width: 8px 32px;
}

    It should work nowsmile.png

  •  4
    sstio45 replied
    October 22, 2020 at 8:02am

    THANKS! WORKED

  • [deleted] replied
    October 22, 2020 at 8:02am

    Happy to hear thatsmile.png

    Have a nice day ahead.

    Will set this ticket as solved from here.

    P.S: If you like the theme, it would help us a lot if you could give us a five-star rating on Themeforest from your Downloads tab.

    A huge thank you from me and Laborator in advance.

  •  4
    sstio45 replied
    October 22, 2020 at 8:11am

    I just changed to this theme and I love it. I am going to use it for all my future projects for me and my customers!!

    5-star is coming ;)

  • [deleted] replied
    October 22, 2020 at 8:20am

    Thank you very much for your kind words and your ratingsmile.png

    Have a nice day!