search

siteorigin / so-widgets-bundle

The SiteOrigin Widgets Bundle gives you all the elements you need to build modern, responsive, and engaging website pages. Using the Widgets Bundle, you can quickly and effortlessly add buttons, sliders, heroes, maps, images, carousels, features, icons, and so much more.
https://siteorigin.com/widgets-bundle/
94 stars 64 forks source link

Features: Icon should conform to container shape #442

Open AlexGStapleton opened 7 years ago

AlexGStapleton commented 7 years ago

The icon shouldn't exceed the container and should be clipped if it does. Think of a clipping mask in Photoshop.

Example:

How it should look:

gregpriday commented 7 years ago

As far as I remember, we're using iconic fonts for the background of these containers, so there's no support for clipping at the moment. We could look at using SVG, or just adding a special case for the circle container.

AlexGStapleton commented 7 years ago

A font is being used for the container background, yes. I'm unsure what the font is though.

I think the circle container would be the ideal short term solution as it would allow users to completely replace the Circle Icon widget.