[Resolved] Want to Add Margin

[Sourabh]

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

[David]

Hi there,

try adding this CSS:

#zoom-social-icons-widget-2 h2 {
    margin-bottom: 20px;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Sourabh]

it’s just adding space in line ?? how to add in the social box ??

[Sourabh]

i think if reducing social icons+text size so it will help too, so anyway which you feel easy …

[Leo]

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;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Sourabh]

Thanks Leo.

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts