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

    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,609
    PenciDesign replied

    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

    Hello! 

    MANY THANKS ;) already disabled! ;)

    you can close this ticket.

    many thanks

  •  11
    Nuno replied

    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,609
    PenciDesign replied

    Hi,

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

    Regards,
    PenciDesign.


  •  11
    Nuno replied

    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,609
    PenciDesign replied

    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

    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,609
    PenciDesign replied

    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

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

    MANY THANKS!