Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Can’t get the icons to show up as transparent, even though they are transparent .gif’s
http://solutionbysimulation.com/solution-by-simulation/
Thanks
Hi 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