Changing background color of share/like-Content section underneath blog posts

[livandme]

Hi there,

first of all, thanks so much, for all the support so far :)!

My latest challenge is about the share-content section underneath the blog posts and above the related posts area.

I would like to change the background color of that section into the footer background color.

How do I do that?

Thank you!

[jade]

Hi there,

Please try using this code:

.sharedaddy, .x-comments-area {
    background-color: #f9f9f9;
    margin-left: calc(50% - 50vw);
    width: 100vw !important;
}

.sd-content ul {
    margin-bottom: 0 !important;
    padding-bottom: .7em !important;
}

.x-comments-area {
    margin-top: 0 !important;
    padding-top: 3.5em;
 
}

.single-post .entry-wrap {
    padding-bottom: 0 !important;
}

.sharedaddy .sd-block, .x-comments-area .comment-respond, .sharedaddy iframe, div.sharedaddy h3.sd-title {
    max-width: 1000px;
    width: 90% !important;
    margin: 0 auto;
    display: block;
}

.sharedaddy.sd-sharing-enabled .sd-title {
    width: 100% !important;
}

.single-post .x-container.offset {
    margin-bottom: 0 !important;
}

.comment-form p:last-child {
    margin-bottom: 0;
}

You might need to add some more code to further customize the sections.

Hope this help you to get started.

Cheers!

[livandme]

AMAZING, Thank you!

Is there a way to keep that line above the Sharing Links short? The size of the line above “Teilen Mit” and “Gefällt mir” is much longer now, but still short (like it should be) above related posts (“Ähnliche Beiträge”)

[jade]

HI there,

Please try adding this code:

.sharedaddy .sd-sharing h3.sd-title:before {
    width: 68px;
}

.sharedaddy.sd-like  h3.sd-title:before {
    width: 75px;
}

Hope this helps.