Archive page not displaying properly

This support ticket is created 5 years, 10 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)

Tagged: Views plugin, WordPress Archives

This topic contains 2 replies, has 2 voices.

Last updated by craigH-5 5 years, 10 months ago.

Assisted by: Waqar.

Author

Posts

March 22, 2019 at 8:49 pm #1219795

craigH-5

I am trying to: create an archive page to display Floor Plans custom post type.

Link to a page where the issue can be seen: hidden link

I expected to see: similar to this page hidden link. clean 4 columns sorted by square feet going from left to right.

Instead, I got: see issue page.

March 25, 2019 at 1:04 pm #1220293

Waqar

Hi Craig,

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

During troubleshooting, I noticed the following custom CSS code, which is affecting the layout of the page:
( coming from the file: hidden link )


.search #left-area, .archive #left-area {
    -moz-column-count: 4;
    column-count: 4;
    -moz-column-gap: 20px;
    column-gap: 20px;
}

If that is removed/disabled, the layout starts showing correctly as shown in the screenshot:
hidden link

Note: To check which CSS code is applying to different page elements, you can use Google Chrome's inspect element tool, as explained in this guide:
hidden link

I hope this helps.

regards,
Waqar

March 26, 2019 at 12:25 am #1220553

craigH-5

My issue is resolved now. Thank you!