BugWP logo BugWP
Back to Community
Home / Community / Theme → Zakra

Troubleshooting Common Zakra Theme Footer Issues: Alignment, Padding, and Builder Problems

12 threads Sep 16, 2025 Theme → Zakra

Content

Many users of the Zakra theme encounter issues with footer layout and styling after updates or while customizing their sites. This guide compiles the most common footer-related problems and their solutions, based on community reports and fixes.

Common Footer Issues and Solutions

1. Vertical Misalignment in Footer Bars

Problem: After updating to Zakra 3.0 or later, content in zak-footer-bar__1 and zak-footer-bar__2 may appear vertically misaligned.

Cause: The Customizer might sometimes insert an empty, invisible <div> element with a default font size (e.g., 1.6rem) after your content, which disrupts the alignment.

Solution: Inspect the footer HTML using your browser's developer tools. Look for and remove any superfluous empty <div> tags that may have been added within the footer widget areas.

2. Footer Widgets Not Displaying

Problem: Footer widgets are not visible on the front end of the site.

Cause: The widget areas are often empty by default. This is not a bug but a common point of confusion for new users.

Solution: Navigate to Appearance > Widgets in your WordPress dashboard. Add your desired widgets (e.g., a Custom HTML widget) to the appropriate footer sidebar areas, such as 'Footer One'.

3. White Space Under the Footer on Short Pages

Problem: A white empty space appears underneath the footer on pages with minimal content.

Cause: This is typically related to how the theme's container element handles height and overflow.

Solution: A common and generally safe workaround is to add the following CSS code in the Customize > Additional CSS section:

.zak-site {
    overflow: hidden !important;
}

4. Footer Builder Bottom Area Issues (Zakra 4.0+)

Problem: Users of the new Header and Footer Builder in Zakra 4.0 report two issues: content not displaying in the builder preview (though it appears on the front end) and an inability to left/right align text in a two-column bottom row layout.

Cause: The builder interface may have a display bug, and the bottom row has a CSS rule that centers all content.

Solution: For the alignment issue, you can override the default centered styling. To left-align the first column and right-align the second in a two-column layout, try CSS like the following:

.zak-footer-builder .zak-bottom-row .zak-col:first-child {
    text-align: left;
}
.zak-footer-builder .zak-bottom-row .zak-col:last-child {
    text-align: right;
}

5. Removing Copyright Text

Problem: Users wish to remove or change the default "Powered by Zakra" copyright text in the footer.

Solution: While the legality of removing copyright text depends on your theme's license, you can hide it visually with this CSS snippet added in Customize > Additional CSS:

.tg-site-footer .tg-site-footer-bar {
    display: none;
}

General Troubleshooting Tips

  • Cache: Always clear your browser and website cache after making changes.
  • Child Theme: To prevent your customizations from being overwritten by theme updates, make CSS changes in a child theme or via the Customizer's 'Additional CSS' panel.
  • Specificity: If your custom CSS isn't working, ensure it has sufficient specificity. You may need to use more specific selectors or add !important as a last resort.

These solutions are compiled from successful community resolutions. If your issue persists, consider seeking further help in dedicated WordPress forums where many Zakra users share their experiences.

Related Support Threads Support