Noob question... how to make social icon round?

How To
1

hello…

new to bricks… could anyone please tell me how to style the social icon round?

thank you!

2

Hi PCH,

“Social Sharing” Item has round icons by default so I assume you are refering to the “Icon List” Item.

If so, you can just applied a border radius by doing as follow: Icon List > Style > Border / Box Shadow > Border > Border radius > 50% to each

image
image216×689 16.2 KB

If you are referring to another item, please tell me, although the process will probably be the same.

Have a great day,
Thomas

3

Hi Thomas,

thanks for your reply - Yes, I mean the icon list.
And I did try what you mentioned above and it became an oval shape… :thinking:

4

Hi @PCH

A perfect circle will only depend on the width of your content. If the width of your content equals its height (e.g. a square icon without label), you will have a perfect round with the above settings.

Nevertheles, if your content width is longer than its height, you will probably have to play with other settings such as the padding (e.g. top and bottom) to get a perfect circle.

Have a great day,
Thomas

2 Likes
5

ah. understood now. thanks!