CSS issues?

Also – A strange Chinese? symbol is being displayed as the close popup marker.

Hi @marty922,

You can check our demo and see that the share cart displays normally

There might be an incompatible with your theme and other plugins

In order to check if this is an issue triggered by another plugin or from inside our plugin, please follow my below instructions. I need to make sure that our plugin is functional with the basic WooCommerce & theme on your site or not.

– Create a full backup of your site and keep it in a safe place.

– Updates all current active plugins on your site to the latest versions, so do WooCommerce and WordPress, too.

– Switch the theme on your site to the WPClever theme.

– Deactivate all other plugins, except for WooCommerce & our plugin.

– Check the front-end behavior.

Please follow these steps. If after taking these steps and our plugin is working again, then it’s another plugin or theme on your site has caused this, you can find that out by reactivating plugins one by one to find the culprit.

Regards,

Hi, Thanks for the reply.

Tried all this with troubleshooting mode, the issue seems to be in the css for the plugin.

Thanks

Hi,

The symbol is from this css

.wpcss-area .wpcss-popup .wpcss-popup-close::before {
    content: '\e9ea';
    font-size: 20px;
    font-family: feather;

content: ‘\e9ea’; and font-family: feather; are not recognised.

Box

Your site has this

Style.Css: 702

* {
    box-sizing: border-box;
}

This is not in the plugin and adding it to mine does not resolve…

Thanks

Think I have resolved with the following:

/* Share Cart plugin */
.wpcss-area .wpcss-popup .wpcss-popup-close::before {
    content: "\d7" !important;
    font-size: 30px !important;
    font-family: roboto !important;
}

.wpcss-area .wpcss-popup .wpcss-popup-inner {
    
    box-sizing: border-box;
}

.wpcss-area .wpcss-popup {
  
    width: 400px !important;

}
.wpcss-copy  {
  
    display: none !important;

}

.wpcss-area .wpcss-popup set to 400px – this means the full link is visible, thats obviously going to vary by site.

The last part .wpcss-copy is obviously just preference, looks a bit lost there, and doesn’t seem to serve a purpose.

Hi @marty922

Thanks for that suggestion!

Please update our plugin to the new version 1.1.1, we’ve fixed the issue about the close icon.