Bug #24345
open
Added by Laurie Hurson about 14 hours ago.
Updated about 12 hours ago.
Category name:
WordPress (misc)
Description
Hi All,
The TLC site layout is not displaying correctly on the front end, particularly on the home page and the project page.
https://tlc.commons.gc.cuny.edu/
https://tlc.commons.gc.cuny.edu/projects-resources/
for example, the back end of the project page you can see that the page should be laid out in 3 columns with a project per column but on the front end, the images display much larger with one image per line. On the home page, there should be two columns below the header image (announcements and connect), but the same issue is happening here. I cannot figure out how to resolve this on the site. Is this perhaps related to a recent wordpress or php update?
thanks,
Laurie
Files
Hi Laurie,
There were two issues:
1. On the homepage, the middle blocks inner width were set to use a max-width of 1200px. I've reset this to 0 in the block editor. See attached screenshot.
2. On the Resources page, for the WP Customizer's "Simple CSS" section, there was a declaration to set the container's max-width to 1800px. I've removed this CSS declaration.
Let me know if anything else looks out of place.
Edit: Sorry! I'm just reading the original post through and will try to match what was written.
For the columns issue, it appears that the Advanced Columns block is not rendering the correct CSS on the frontend. I'm not sure what is going on here, so for now, I've switched over the Advanced Columns blocks to WP's native Columns block and the columns should be rendering correctly now.
The Advanced Columns block is powered by the Atomic Blocks plugin, but it looks like the Atomic Blocks plugin is no longer being updated. Genesis Blocks appears to be the successor. We should look to add this plugin to the Commons.
Let me know if anything else needs to be tweaked, Laurie.
Also available in: Atom
PDF
