Skip Navigation

[Resolved] Footer overwrites wordpress archive content template

This thread is resolved. Here is a description of the problem and solution.

Problem:
The customer reported that the website's footer is overlapping the content area.

Solution:
Guided that some masonry script from the theme was setting the height of the archive's content section to '0' and shared some custom CSS code.

Relevant Documentation:
n/a

This support ticket is created 2 years, 7 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Karachi (GMT+05:00)

This topic contains 2 replies, has 2 voices.

Last updated by garyN-2 2 years, 7 months ago.

Assisted by: Waqar.

Author
Posts
#2370297
Screen Shot 2022-05-24 at 4.52.35 PM.png

I am trying to: Display CPT archives with a footer.

Link to a page where the issue can be seen: gdnault.com/category/museum

I expected to see: Footer below content.

Instead, I got: Footer overwriting content.

In addition, if there is more than 1 page of the cpt archive, the page must be refreshed or the map does not plot the correct location.

#2370563

Hi,

Thank you for contacting us and I'd be happy to assist.

During troubleshooting, I noticed that some masonry script from the theme is setting the height of the archive's content section to '0'. Most likely, that is because the content section is being controlled by the Toolset's archive "Kidizona WP Archive 3" and not by the theme.

To overcome this, you can include the following custom CSS code in the archive's "Custom CSS" field:
( screenshot: hidden link )


#main > .ast-row.masonry {
height: auto !important;    
}

I hope this helps and please let me know if you need any further assistance around this.

regards,
Waqar

#2373263

My issue is resolved now. Thank you!