Archived topic
Want to Add Margin
6 replies · Started by Sourabh on January 4, 2021
hi,
Refer URL as I want to add a margin (Litte gap between top-line and social icon), also little margin in the box (small from left, top and bottom so that social icons can fit within the box).
https://www.dropbox.com/s/92unmuiqapbc7zk/margin%20add.png?dl=0
Hi there,
try adding this CSS:
#zoom-social-icons-widget-2 h2 {
margin-bottom: 20px;
}
it's just adding space in line ?? how to add in the social box ??
i think if reducing social icons+text size so it will help too, so anyway which you feel easy ...
Try editing this CSS you've added:
.zoom-social_icons-list__item {
margin: 0 0 10px;
display: block;
overflow: hidden;
border: 1px solid #e0e0e0;
background: #fff;
margin: 0 -1px -1px 0;
box-shadow: 0 1px 2px rgba(0,0,0,.08);
transition: all .2s ease;
}
to this:
.zoom-social_icons-list__item {
margin: 0 0 10px;
display: block;
overflow: hidden;
border: 1px solid #e0e0e0;
background: #fff;
margin: 0 -1px -1px 0;
box-shadow: 0 1px 2px rgba(0,0,0,.08);
transition: all .2s ease;
padding: 10px;
}
Thanks Leo.
No problem :)