- This topic has 9 replies, 3 voices, and was last updated 3 years, 3 months ago by
.
-
Posts
-
Hey folks. I have a site with a very weird and annoying issue. For some reason activating a child theme breaks the WP Gallery block. The figure class is-layout-flex does not display properly – all images stack on top of each other.
I have deactivated all plugins and installed Tom’s basic child theme, so no CSS or php functions are applied. The only difference is whether the active theme is stock GP or the child GP theme.
https://andrewv37.sg-host.com/about/ – scroll down to the gallery block
Customer Support
Hi Andrew,
In your Parent theme, do you have CSS in Appearance > Customize > Additional CSS?
If so, you need to manually copy and paste them over to the Child theme.
If you don’t have CSS there, let us know.
No – nothing in there. I customise in my own child theme. I first noticed this issue with my child theme activated, couldn’t debug it so downloaded a completely new child theme and noticed the issue persisted.
FWIW I have about 50 GP sites with child themes and have never seen this before.
I am new to Generate Press and Generate Blocks… I am experiencing several issues with things and I had to deactivate my child theme to get things to work as expected. I will continue to check things, as this is my second day at GP and GB. I didn’t have anything in the child theme to speak of… Note: this is a different Andrew from above.
Andrew – I suggest you might need to be more specific, and create a thread on the issue/s you are getting.
I see. That’s odd.
What WordPress version are you using? Did you update this recently as well?
Hi second Andrew! May you start a new topic regarding your issue?
Yes. version 6.1.1
I’m creating a second site and slowly bringing all elements in until I see it breaking
I see. This was an issue with WordPress’ recent update. See David’s response here: https://generatepress.com/forums/topic/gallery-problems-after-update-to-wp-6-1/#post-2399578
Try adding this through Appearance > Customize > Additional CSS:
body .is-layout-flex { display: flex; flex-wrap: wrap }Ha. It seems to have just…. fixed itself now. -shrugs –
An automatic update?? I’ll never know.
I see. Glad it’s resolved now!
- You must be logged in to reply to this topic.
