zigojacko

No sooner had I posted this, I got it working.

The custom class is added at a higher level than the {{gBlock}} so I basically needed to do this:

.atf-slider .{{gBlock}} .gutentor-slider-caption {max-width: 1280px !important;}

Please though, consider adding ability to control max-width of this module from block config… ??

• This reply was modified 2 years, 2 months ago by zigojacko.

I’ve used this recently and it should force the columns to be the same height by adding height: 100% to the following:-

.gutentor-equal-column-height > .grid-container > .grid-row > .gutentor-dynamic-single-column > .gutentor-single-col

This is for each ‘Dynamic Single Column’.

You might want to see if you can see this class and toggle it on and off in dev tools to see if anything changes.

Please can you add it as a feature request for that block?

Yes, I have checked out the Icon Group Blocks but this is also awkward because of limitations on setting icon spacing (like you have to set individual padding/margin on the icons).

I’ve got hundreds of scenarios like this currently…

Thanks @codersantosh ??

@codersantosh yeh we sorted it out by moving across code from a compatible theme with FSE and now it’s working – thanks for your earlier time looking into this ??

@codersantosh that’s made no difference I am afraid.

Issue is still exactly like before, if Fullpage for Gutenberg is enabled on the page, then your styles for your blocks are not even called like the following example:

.mcw-fp-section {
.grid-container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
}

• This reply was modified 2 years, 5 months ago by zigojacko.

Hey @codersantosh – I installed the latest version of your plugin but I still have the same problem in the website frontend – the plugin stylesheets are not being loaded so blocks like my advanced columns are all broken…

Hey @codersantosh ,

Thank you for taking the time to actually investigate this and identify the problem and spend the time working on a fix.

That’s great to hear if we can resolve this with the next update as will save me a lot of time.

Thanks ??

@codersantosh so I queried this issue with the developer of Fullpage for Gutenberg and I have included their response below – just to clarify what the problem here is first:-

Fullpage for Gutenberg allows us to create sections on a page which can be scrolled to via various means which allow us to insert blocks into as you would do normally. When I insert a block from Gutentor into one of these sections, lot’s of required stylesheets do not load on the page at all meaning that the blocks cannot work (I’ve tested with several now and they’re all broken).

I showed the developer of Fullpage for Gutenberg an example of a page which does not use their plugin but uses your blocks and Gutentor styles load fine and also showed them a page which uses their plugin and uses your blocks and various Gutentor styles do not load on the page in the head at all.

Response from Fullpage for Gutenberg:-

This is weird! I know for a fact that FullPage for Gutenberg plugin does not intercept any enqueued styles but I don’t see the styles either.

So I installed Gutentor plugin, which I’ve never used before, saw the issue and investigated it further. I’m now 100% sure this is not an issue or a bug with FullPage for Gutenberg plugin. FullPage for Gutenberg plugin complies with Gutenberg standards 100% and it is actually working without problem.

This issue is related to the inner blocks FullPage for Gutenberg uses (which is a feature of the WordPress) that Gutentor plugin does not seem to support. I’m sorry but I have nothing to do here. I recommend using another Gutenberg plugin such as Kadence or Ultimate Blocks or any other plugin that actually works.

So before we drop Gutentor completely (which would be very frustrating for us), please can you investigate this and explain how you are enqueuing the styles based on what pages contain your blocks and let me know if you understand what is going on and if you can fix it?

By the way, I’ve also tried by loading the styles on all pages regardless of what Gutentor blocks exist on the same page and we get the same issue so that doesn’t even resolve the problem neither.

@codersantosh I can’t share the link to this site publicly but I was just inserting a Gutentor block into the Fullpage for Gutenberg plugin (which just allows you to create sections on the page).

I’d ideally not like to load on every page when this site is launched as it would be unecessary on any pages that don’t contain Gutentor blocks.

I have found out the cause.

Lots of Gutentor styles are not loading on the homepage for some reason (but are on other pages) – why would the homepage specifically not be loading stylesheets from Gutentor…?

Example: /wp-content/plugins/gutentor/assets/library/wpness-grid/wpness-grid.min.css?ver=1.0.0

Because this is not loading, styles like display:flex are not being applied to the columns.

I think it might be related to this thread.

So it’s been what, couple of years now and this still hasn’t been introduced?? It’s been on the ‘to-do’ list that long? Or can this be done someway now?

OK thanks.

@sashaloobkoff thanks for explaining this, couldn’t figure out where the option had gone – no idea who the hell is in charge of WordPress UX but they need sacking! ??

Hi Ben,

Yes, I already noticed after checking the changelog in your latest release and already integrated it and tested – works perfectly.

Thanks so much for introducing this quickly ??