Hello, wondering if you could help:
I am trying to make a small change here -
.wbl-social-buttons ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
list-style: none;
line-height: 2.2;
margin: 0;
padding: 3em;
}
to -
.wbl-social-buttons ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
list-style: none;
line-height: 2.2;
margin: 0;
padding: 1em;
}
I tried putting it into custom.css and in template/css but it is not picked up.
Any advice or guidance on how to make the padding "1em". There is alot of padding where the social buttons sit in an article using <p>{sh404sef_social_buttons}</p>
Thanks
I am trying to make a small change here -
.wbl-social-buttons ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
list-style: none;
line-height: 2.2;
margin: 0;
padding: 3em;
}
to -
.wbl-social-buttons ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
list-style: none;
line-height: 2.2;
margin: 0;
padding: 1em;
}
I tried putting it into custom.css and in template/css but it is not picked up.
Any advice or guidance on how to make the padding "1em". There is alot of padding where the social buttons sit in an article using <p>{sh404sef_social_buttons}</p>
Thanks