Can’t change color of the icon and eliminate the shadow

Hi @elisirdargan

Thanks for using Super Web Share and also for opening the topic.

If you want to change the color of the icon and the text displayed with it, you need to change the color within the Super Web Share > Appearance page > then select the color “Text color for the button“. I also tested on my lab site (see here) and confirmed that the color for the icon is changing without any issues.

Now regarding the shadow, we are not providing an option to disable it as that shadow is required for the share button to get noticed. However, if you prefer to remove it for your case, you can add the following CSS to your theme to remove it.

.superwebshare_prompt {
	webkit-box-shadow: none !important;
	box-shadow: none !important;
}

Please don’t hesitate to reach out to us if you have further concerns. We are happy to help.

I thx

Now the shadows it’s ok, but i still can’t modify the color, i change it in Appearance?page > then select the color “Text color for the button“ but nothing change in the back end, it still be white.

Other solutions? maybe an css with !important?

Hi @elisirdargan

Thanks for getting back to us.

That looks odd to me, as I’m not able to replicate it at my end while checking via multiple sites.

To narrow down the issue further, can you please let me know whether you are using the share button, which is shown based on the settings by our plugin on the pages, or whether you are using the shortcodes to show the share button?

If it’s via the shortcode, we are not providing an option to change the color of the text for now, as the options/parameters we have mentioned here are only supported. The shortcodes won’t follow most of the settings on the plugin’s settings page, as we want users to fully control this via parameters and by adding the CSS to output the share button and styles they prefer to output without interfering with the share button outputted based on the settings page.

If that’s the case, and if you want to change the color of the text and icon within the button using CSS, you can add the following CSS to override it.

.superwebshare_prompt {
	webkit-box-shadow: none !important;
	box-shadow: none !important;
	color: #161519 !important;
}

You can change the #161519 with the hex color code you would like to output

If the button is added via the button outputted by our plugin based on the settings and not using shortcodes, can you share a screenshot of the settings page with us? If you have any issues sharing it here, you can email it to [email protected], and we can help you.

Hi the button is added via Button, but i resolved copying the css you gave me, for that i must thank you.

There’s anothe problem though, when i add some product to the product list the icon HEARTH change position and assume a color that i don’t know from where is taken, see atach.

https://www.elisirdargan.com/wp-content/uploads/2024/06/I1mmagine-2024-06-12-205215.png

https://www.elisirdargan.com/wp-content/uploads/2024/06/I2mmagine-2024-06-12-205239.png

Could you help me?

Good to hear that.

I’m not able to find out why that position change occurs for the heart. I can see a popup of the wishlist plugin you are using is showing without any message or because you have set it as blank. Does that issue occur when the Super Web Share plugin is deactivated?

We look forward to hearing from you.

No, i deactivete all the text field because, they are useless in my case…

Don t’ you rly be able to help me to that case of changing position?

As that transition is occuring even without the Super Web Share plugin, I’m not sure which plugin or code on your website is making this. I really want to help you on this, but I cannot find out it with my small knowledge. So, I would recommend you to contact the Wishlist plugin developer which you are using to find out why this is happening. Mostly they would be mostly be able to share some code with you to fix it.

If you need any help with the Super Web Share plugin or if you have any feature requests, please don’t hesitate to reach out to us.