Docs

[JW & Co.]

Good evening,

Could you please tell me how to add a 20px margin above the line in the footer at the bottom of verobeachwebsitedesign.net? Unfortunately, whether I try to add the margin at the end of footer.x-colophon.top or at the beginning of footer.x-colophon.bottom, it is affecting my HR and not simply adding black space above it.

Please advise! Thanks!

[Friech]

Hi There,

Thanks for writing in! Please add a gap shortcode on the text widget of your second column (Website Services).

[x_gap size="20px"]

Hope it helps, Cheers!

[JW & Co.]

Good morning,

I implemented this solution, but it does not appear to be making a difference.

However, I don’t want a solution that will add inconsistent/uneven margins between the footer sections if they are being viewed on a mobile device.

Thanks,
Josh

[Paul R]

Hi Josh,

You can add this under Custom > Edit Global CSS in the Customizer.

.x-colophon.bottom {
    margin-top:20px;
}

Hope that helps.

[JW & Co.]

Paul,

Thanks for suggesting that code, but it hides the line and adds a thick white margin in the middle of the footer. I removed it from the CSS.

Please advise.

[Joao]

Hi There,

Please use instead :

footer.x-colophon.top .widget {
    padding-bottom: 20px;
}

Hope it helps

Joao

[Author]

Posts