Knowledge Base & Support Center

Divi Footer Alignment

If you're a Divi user, you may have seen that on some of the IDX pages, the footer appears to look jumbled up or misaligned. Divi has a specific way of styling the footer of your website, but this styling does not apply to virtual pages in WordPress. It just so happens that some of the pages generated from Optima Express are virtual pages.

The following CSS should help to address the issue with the Divi footer:

/* Divi Footer Adjustment */
.page-id-0 .footer-widget {
    width: 20.875%;
    margin: 0 5.5% 5.5% 0;
}

.page-id-0 .footer-widget.last {
    margin-right: 0;
}

.page-id-0 .footer-widget .fwidget {
    margin-bottom: 26.348%;
    line-height: 1.8em;
}

Please copy the contents of the above code block, and paste it into our CSS Override section. This is located in the WordPress Dashboard, under Optima Express > Configuration. Make sure to place the code between the two <style> tags!

After saving the CSS, check the page again to make sure the footer looks good! If you need further assistance, please contact Support.

Did you find this article helpful?