Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #3676146
Edit / Disable / Change - Header Cart Hover Preview
Closed

Comments

  •  11
    Nuno started the conversation
    June 28, 2024 at 9:39pm

    Hello again team,

    I need to know how i can Edit / Disable / Change - Header Cart Hover Preview

    When i hover the cart button it appears the cart items, how can i Edit the buttons / layout of that or Disable in case i want to.

    Kindly see the screenshot atached.

    Best Regards

    Nuno

    Attached files:  settings for cart popup.png

  •  2,661
    PenciDesign replied
    June 29, 2024 at 3:49am

    Hi,

    The problem is that your site is using the Elementor Mini Cart, which causes all the colors of the Soledad theme to be ignored.

    Please disable this feature or customize it by following this link: https://elementor.com/help/menu-cart-widget-pro/

    Regards,
    PenciDesign.


  •  11
    Nuno replied
    June 29, 2024 at 9:08am

    Hello! 

    MANY THANKS ;) already disabled! ;)

    you can close this ticket.

    many thanks

  •  11
    Nuno replied
    June 29, 2024 at 9:14am

    sorry one more thing btw..

    And now where is the customize for this drop down atached? the buttons color and text ?

    thanks


    Attached files:  basket.png

  •  2,661
    PenciDesign replied
    June 29, 2024 at 11:25am

    Hi,

    Please clear all the WP-Optimize caches to ensure this color displays correctly.

    Regards,
    PenciDesign.


  •  11
    Nuno replied
    June 29, 2024 at 11:57am

    Hello

    I did , and it still showing that view basket in black , and the checkout in red. how can i change that and the design of the drop down

    check the screenshot in the atached before

  •  2,661
    PenciDesign replied
    June 29, 2024 at 2:50pm

    Hi,

    Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

    .penci-header-cart-detail .woocommerce-mini-cart__buttons.buttons {
      display: flex;
      flex-direction: column;
      row-gap: 10px;
    }
    .penci-header-cart-detail .woocommerce-mini-cart__buttons.buttons .button {
      background: #EE2993;
      color: #fff;
    }

    Regards,
    PenciDesign.



  •  11
    Nuno replied
    June 29, 2024 at 2:58pm

    it has changed the view basket only . missing the checkout . what button is the checkout? it's still red

    kindly check the screenshot atached

    Attached files:  still red checkout.png

  •  2,661
    PenciDesign replied
    June 29, 2024 at 3:01pm

    Hi,

    Please modify the CSS code:

    .penci-header-cart-detail .woocommerce-mini-cart__buttons.buttons {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.penci-header-cart-detail .woocommerce-mini-cart__buttons.buttons .button.checkout.wc-forward,
.penci-header-cart-detail .woocommerce-mini-cart__buttons.buttons .button {
  background: #EE2993;
  color: #fff;
}

    Regards,
    PenciDesign.


  •  11
    Nuno replied
    June 29, 2024 at 3:07pm

    Great!! :) It's fixed! you can close this one! 

    MANY THANKS!