- This topic has 9 replies, 2 voices, and was last updated 4 years ago by Leo.
-
AuthorPosts
-
March 18, 2020 at 9:43 am #1198678Steven
When using the Kadence Blocks post block with the masonry layout, it shows three columns in the editor, but only two in the public view.
When we switch over to the Twenty Twenty theme, the three columns are displayed as expected. If we switch to the post block’s grid layout, it shows the three columns correctly.
Wondering if there’s something specific in GP’s theme that would be conflicting with the masonry layout. Because it works with Twenty Twenty, we figured we’d start with GP support first.
March 18, 2020 at 11:20 am #1198762LeoStaffCustomer SupportHi there,
Have you fixed this?
I’m seeing 3 columns:
https://www.screencast.com/t/yad8cle4WnmLet me know ๐
March 18, 2020 at 11:29 am #1198764StevenIt may show 3 columns in some browsers/monitors. But see the extra white space on the right of the three columns? I believe the three columns are supposed to take up the entire width of the page. They do when the Twenty Twenty theme is active or when using the grid vs. masonry layout for the block.
March 18, 2020 at 11:37 am #1198774LeoStaffCustomer SupportAll the code for the posts blocks is coming from Kadence block from what I can tell and I’m not seeing anything obvious unfortunately.
Have you tried activating the parent theme to test?
What if you disable the Blog module?
https://docs.generatepress.com/article/installing-gp-premium/#activate-your-modulesMarch 18, 2020 at 11:48 am #1198777StevenYes, I activated the Generate Press theme instead of the Generate Press child theme to rule out any changes we may have made. I have a support ticket in with Kadence as well. But often with these issues it’s helpful to open tickets with both vendors because it’s not always clear who needs to update what with their product ๐
Thanks for looking in to this.
March 18, 2020 at 11:58 am #1198792LeoStaffCustomer SupportSo disabling the Blog module doesn’t help either?
March 18, 2020 at 12:08 pm #1198797StevenDisabling the GP blog module doesn’t appear to affect the issue.
March 18, 2020 at 3:50 pm #1198913LeoStaffCustomer SupportOk let me know what they say.
March 25, 2020 at 2:32 pm #1210095StevenKadence Blocks support provided the following CSS tweak that seems to have resolved the issue:
/*Kadence Blocks posts block fix*/ .kt-blocks-post-grid-item, .wp-block-kadence-postgrid * { box-sizing: border-box; }
I believe the first class (.kt-blocks-post-grid-item) was added for Internet Explorer backward compatibility last year. The second class (.wp-block-kadence-postgrid *) appears to fix the masonry layout issue without adversely impacting the grid layout.
March 25, 2020 at 2:51 pm #1210108LeoStaffCustomer SupportThanks for reporting back!
-
AuthorPosts
- You must be logged in to reply to this topic.