sow-icon-image transparency
Can’t get the icons to show up as transparent, even though they are transparent .gif’s
http://solutionbysimulation.com/solution-by-simulation/
Thanks
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
4Hi Nigel,
The icons are sadly not transparent. The image has a black background.
Regardless, to remove the icon background (which is separate to the icon and also has a background) you’ll need to use CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.
#panel-780-0-0-1 .sow-icon-container { color: transparent !important; }You might also need to install the SiteOrigin CSS Editor.
OK. Great.
It seems as though the transparency gets dropped when wordpress resizes the image:
http://solutionbysimulation.com/wp-content/uploads/2016/06/business-analytics.gif
vs
solutionbysimulation.com/wp-content/uploads/2016/06/business-analytics-150×150.gif
Hi Nigel,
Ah. Okay, so that’s a server issue. I would recommend converting the image to a PNG 24 format. That typically has the best support from servers by default so you’ll end up with less issues during the conversion.
Thanks
Replies on this thread are closed.
Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.