Docs

[WoodWatchCo]

I have setup a sticky footer site-wide for my social sharing buttons. The problem is, it sometimes overlaps the content. I’d like a spacing of around 30px above the sticky footer once it hits the bottom of the page. Only for the bottom of pages.

[WoodWatchCo]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

.entry-content {
  padding-bottom: 50px;
}

Hope this helps.

Cheers!

[WoodWatchCo]

That was great help thank you so much! You guys offer amazing support as always. Another question I have is, how can I make it so that on the home page the sticky footer only shows up AFTER scroll? I still want to retain the full screen image upon entry to my site.

[WoodWatchCo]

I also wish to make both the top navbar and footer full width so that the logo, manu button, and share icons reach all the way to the edge of the screen.

[Lely]

Hi There,

Please also add this custom CSS:

.x-navbar-inner >div, .x-colophon.bottom>div {
    max-width: none !important;
    width: 100% !important;
}

Now you need to adjust the footer content to fill in the entire row.

Hope this helps.

[WoodWatchCo]

Also how can I remove the padding between the social share buttons to make them appear as one solid bar, and remove the margin above and below as well so that no white background shows. I want to minimize it’s size this way.

[Thai]

Hi There,

Please also add the following CSS:

.x-colophon.bottom .x-colophon-content,
div.nc_socialPanel .nc_tweetContainer,
.x-colophon.bottom .x-colophon-content .nc_socialPanel {
    margin: 0 !important;
}

Hope it helps 🙂

[WoodWatchCo]

Is there any way to get square edges instead of rounded for the social share buttons?

[John Ezra]

Hi there,

Thanks for updating the thread! You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

div.nc_socialPanel .nc_tweetContainer {
    border-radius: 0;
}

Hope this helps – thanks!

[Author]

Posts