Circle icons

bradswn · September 2019

Hi,

This seems like a simple task but I can't seem to get it right. I want to get my icons in the circle background like below.

I tried just uploading the icons as an image and putting text next to it but the icon/image doesn't align with the text. Also tried using the icon box shortcode, but couldn't get the circle background.

Pablo · September 2019

Hello,

Did you try to use "List" icon with an icon inside?

https://themes.muffingroup.com/be/theme/shortcodes/content-blocks/#list

https://themes.muffingroup.com/be/theme/shortcodes/typography/#icons

You can change the color of these icons by simple CSS code.

Otherwise, you can create two wraps for each icon and text (one for text, second for icon) and use the equal height of wraps with vertical aligment set to middle.

In order to achieve this you need to:
1. Edit your page, and go to the muffin builder. Edit a section and
under the advanced>style select 'equal height of wraps'. See screens:
http://prntscr.com/f40hvn
http://prntscr.com/f40kh0
2. Now edit each wrap in that section and set the desired vertical
align(top, middle or bottom). See screens:
http://prntscr.com/f40kvr
http://prntscr.com/f40lhl

Thanks

Circle icons

Comments