Streaming live at 10am (PST)

Making Social Media Icons Larger


#1

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.

https://preview.webflow.com/preview/buona-gente-restaurant?utm_source=buona-gente-restaurant&preview=5aa1d4c1e7135f48ee3529558605e8a0

Please see screenshots and my site link…


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


#2

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:

1

Change this:
image

2

To this (Return to auto)
image

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

Finish

Related:


Resize Logo it wont accept mine
#3

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


#4

This post was flagged by the community and is temporarily hidden.


#5

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


#6

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