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

Okay
  Public Ticket #2757383
How to change the look of the compare button?
Closed

Comments

  •  2
    Ken started the conversation
    April 22, 2021 at 7:23am

    We are using both WPC Product Bundles for WooCommerce (Premium) and WPC Smart Compare for WooCommerce (Premium).

    Thanks for those great plugins!

    However, when we tried to use the Smart Compare, we noticed that the button is not shown in a good look. We are using the Flatsome theme but the button is just shown as a line of characters instead of the default button style of the theme.

    Please let us know how to fix this.

    Thanks


    Best regards,

    Ken

  •  767
    Janilyn replied
    April 23, 2021 at 10:54am

    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,222
    Dustin replied
    April 25, 2021 at 3:24am

    Hi Ken,

    Please send me the product link then I can check and provide the exact CSS code to change the button look.

    Best regards,
    Dustin

  •  2
    Ken replied
    April 26, 2021 at 1:37pm

    Arrow Archives - Mandarin Duck

    Hello, 

    Please use those products from the above link.

    BTW, is there any way to change the look of the popup page?

    The layout of our theme has a 1080px container, it looks weird when the popup page is full width.


    Best regards,

    Ken

  •  1,222
    Dustin replied
    April 27, 2021 at 2:31am

    #1. About the button:

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

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

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

    #2. About the compare popup:

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

    .wooscp-area .wooscp-inner {
    max-width: 1050px;
    margin: 0 auto;
}
.wooscp-area .wooscp-inner .wooscp-table, .wooscp-area .wooscp-inner .wooscp-bar {
    position: absolute;
}

    And the result https://www.screencast.com/t/jhWytkAW1Wo & https://www.screencast.com/t/irjPktA2Z

    Best regards,
    Dustin

  •  2
    Ken replied
    April 27, 2021 at 3:22am

    Thanks very much for your helpful assistance.

    The issue has been solved and this ticket can be closed.


    Best regards,

    Ken

  •  1,222
    Dustin replied
    April 27, 2021 at 5:01am

    You're welcome!smile.png

    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-compare/reviews/?filter=5
    Thank you in advance! <3

    Best regards,
    Dustin