Streaming live at 10am (PST)

Making Social Media Icons Larger

Ok, so I want to make the website icons larger but I want them to still fit inside the background button boxes that are on the site.

Basically, the icons were fine until I needed to add instagram’s. Their logo needs to be bigger in order to be recognized compared to the other two.

Please see screenshots and my site link…

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

This is not a specific issue of “social media” icons.

If you set the parent div to be 35px width/height - and inside icon with size of 100px X 100px - You get overflow (Overflow | Webflow University) - very simple :slight_smile:

One way to solve this:


Change this:


To this (Return to auto)

Now the size of the link-block dependent on the size of the icon inside (+ padding/margin and so on. Learn about box-model)



1 Like

Thank you so much for this! I am going to watch those links you referenced this weekend.

Thank you so much for showing me this. I was able to do it in less than a couple minutes with your instructions!

1 Like

Add screenshot(where is the problem?) and more details. No way to answer like this.