On the bottom of every page there is a line which shows the bottom of the pages. Underneath the page is where social icons display. How can I increase the padding spacing between the bottom of the page and where thesse icons show so they dont touch the line?
Hello,
Sorry but the sharing icons you show in the image are not theme specific. They are most likely an external plugin. Here is how the theme sharing options position: https://www.screencast.com/t/rZ5KrZW982dR
Thank you!
That is correct. These social sharing icons are from JetPack. Jetpack is used by many users. Here is how to make the JetPack sharing icons look nice and neat with this theme.You can add whatever buttons or social media sharing you use, change colors etc.
Instead of looking like above they will not look like this —
Place Code in – Appearance/Edit CSS
/* JetPack Social Buttons */
div.sharedaddy div.sd-block {
border-top: 1px solid rgba(0,0,0,0.13);
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgba(0,0,0,0.13);
padding: 0;
}
.single-format-quote div.sharedaddy div.sd-block {
display: none;
}
div.sharedaddy .sd-content {
float: left;
margin-top: 10px;
margin-top: 1rem;
margin-bottom: 10px;
}
div.sharedaddy a.sd-button {
border: none !important;
box-shadow: none;
}
.sd-social-icon-text a.sd-button > span, a.sd-button > span {
opacity: 1;
padding: 4px 10px;
padding: .4rem 1rem;
}
li.share-facebook a.sd-button > span,
li.share-google-plus-1 a.sd-button > span,
li.share-tumblr a.sd-button > span,
li.share-pinterest a.sd-button > span,
li.share-twitter a.sd-button > span,
li.share-pocket a.sd-button > span {
border: none;
color: #fff;
font-family: ‘verdana’, arial;
font-size: 6px;
font-size: .6rem;
font-weight: 300;
letter-spacing: 0;
text-transform: uppercase;
}
li.share-facebook a.sd-button > span {
background: #4965a0;
}
li.share-facebook a.sd-button:hover > span {
background: #1e73be;
}
li.share-twitter a.sd-button > span {
background: #55ACEE;
}
li.share-twitter a.sd-button:hover > span {
background: #1e73be;
}
li.share-google-plus-1 a.sd-button > span {
background: #dd4b39;
}
li.share-google-plus-1 a.sd-button:hover > span {
background: #1e73be;
}
li.share-tumblr a.sd-button > span {
background: #35465D;
}
li.share-tumblr a.sd-button:hover > span {
background: #1e73be;
}
li.share-pocket a.sd-button > span {
background: #F15367;
}
li.share-pocket a.sd-button:hover > span {
background: #1e73be
}
li.share-pinterest a.sd-button > span {
background: #D5222A;
}
li.share-pinterest a.sd-button:hover > span {
background: #1e73be;
}
.sd-content .sd-button span.share-count {
color: #fff !important;
font-size: 100% !important;
}
.sd-button span.share-count { /* Disable Counters */
display: none;
}
div.sharedaddy h3 {
font-size: 20px !important;
font-family: ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
text-transform: none;
letter-spacing: 0;
line-height: 1;
font-weight: bold;
}
