[Support request] Add a separator between the footer widgets

Hi Mike,

Here is a CSS code you may try adding in Appearance > Customize > Additional CSS:

.inside-footer-widgets>*:nth-last-child(even) {
    border-right: solid 1px rgb(0,0,0);
}

Kindly modify the values to your preference. You may also modify even to odd or border-right to border-left if the border is in the wrong location.

If this doesn’t work, perhaps you can provide the link to the site in question, and I’ll try to figure out an appropriate solution?

You may use the private information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

Hope to hear from you soon. 🙂

Hi there,

try this CSS:

@media(min-width: 1024px) {
    .inside-footer-widgets > div:not(:last-child) {
        position: relative;
    }
    .inside-footer-widgets > div:not(:last-child):after {
        content: '';
        position: absolute;
        width: 1px;
        right: -20px;
        top: 17%;
        bottom: 17%;
        background-color: #000;
    }
}