Please submit a private ticket if you need to share sensitive information, such as license details and admin credentials.

Okay
  Public Ticket #2761585
How to change the look of the wishlist button?
Closed

Comments

  •  2
    Ken started the conversation

    Hello,

    A same request as for the WPC Smart Compare for WooCommerce (Premium).

    Here is the link to the product.

    https://www.mandarinduck.net/product-category/arrow/


    Please let us know how to fix this.

    Thanks

    Best regards,

    Ken

  •  767
    Janilyn replied

    Hi Ken,

    Thank you for contacting WPClever Support Forum. 

    We’ve received your ticket and assigned one of our developers to help you with that. 

    He’ll be looking into your question and responding with specific instructions as soon as possible. 

    Please stay patient as we're having very heavy workloads, it might take some time for our developers to reach back.

    Best regards.

    Janilyn T. - WPClever Support Agent

  •  1,226
    Dustin replied

    Hi Ken,

    Please add below CSS code to WP-Admin → Appearance → Customize → Additional CSS:

    .woosw-btn {
        border: 1px solid;
        margin: 10px 0 0 0;
    }
    .woosw-btn:hover {
        color: #FA8E34;
          border-color: #FA8E34;
    }

    And the result:

    2021-04-27_20-45-01.png?dl=1

    I also can help you move the buttons to this position https://www.screencast.com/t/ls6EwRccVR and replace them with icons (e.g https://www.screencast.com/t/dBEfdREG). 

    Let me know if you want that. In that case, I need to access your website to check the current theme and add custom code & CSS.

    Best regards,
    Dustin

  •  2
    Ken replied

    Hi Dustin,


    Thanks for your assistance!

    Currently, the buttons already work well enough, if we would like to replace them with icons, I will contact you again.

    However, we still have an issue:

    Carbon Arrow w Replaceable Points for Recurve & Long Bow ( Pack of 12 ) - Mandarin Duck

    On the single product page, you will see that the two buttons are misaligned.

    Best regards,

    Ken


  •  1,226
    Dustin replied

    Please add below CSS code to WP-Admin → Appearance → Customize → Additional CSS:

    body.single-product .woosw-btn {
        margin-top: 0;
        margin-left: 10px;
    }

    And the result https://www.screencast.com/t/dOxlO8Hh

    ----------

    If you are satisfied with our plugin and support, please reward it with a full five-star ★★★★★ rating.
    https://wordpress.org/support/plugin/woo-smart-wishlist/reviews/?filter=5
    Thank you in advance! <3

    Best regards,
    Dustin

  •  2
    Ken replied

    Thanks!

    One last suggestion:

    In the menu, the way how the count of the Compare and Wishlist show doesn't match each other.

    The Compare quantity shows on the right side while the Wishlist shows on the left.


    Best regards,

    Ken

  •  1,226
    Dustin replied

    Thanks for your informing us on this issue!

    Please add below CSS code to WP-Admin → Appearance → Customize → Additional CSS:

    .woosw-menu-item .woosw-menu-item-inner i {
        display: none !important;
    }
    .woosw-menu-item .woosw-menu-item-inner span {
        margin-left: 0;
    }
    .woosw-menu-item .woosw-menu-item-inner:after {
        top: -10px;
        right: -10px;
        left: auto;
    }

    And the result https://www.screencast.com/t/u9oLqrAW6kkt

    Best regards,
    Dustin

  •  2
    Ken replied

    Thanks again for your helpful assistance!

    This ticket can be closed.


    Best regards,

    Ken

  •  1,226
    Dustin replied

    You're welcome!smile.png

    Feel free to submit a new ticket if you have any questions when using our plugin.

    Best regards,
    Dustin