Hi,

It works perfectly with wordpress 6.6.2

Perhaps this good plugin could be updated with “Tested up to 6.6.2” ?

Best regards

I am using the GraphQL Extension in order to go headless and get the content of WordPress in my nuxt app.
If i run the query i get duplicated entries of the grids content. What is happening there?

query: https://cloud.maxleistner.de/5ng
admin: https://cloud.maxleistner.de/kny
frontend: https://cloud.maxleistner.de/m3p

Is it possible to achieve a grid like https://imgur.com/hW7cwQm, where the desktop version uses background images and the mobile version displays the images at their natural aspect ratios, as if they were regular images? I see I can give the areas a padding-top on mobile to at least get the images to display, but my client is not going to find that intuitive and it would be best if the images weren’t cropped on mobile. Thanks!

Hello, I’d love to know if I can use this plugin to create a ‘featured in’ banner that I can add to any existing page on my website. Looking forward to hearing from you. Any tips are super welcome. Thank you.

Just checking, 4 mths is a long time with all the WP changes happening.

Hi, I have a question: is a layout like you can see here possible with your plugin, BUT with the condition that on mobile devices where the columns are stacked, the order should be:
first the headline and text, then the image on the right, then the first image on he left, then the second image on the right? With default Gutenberg or other plugins it is not possible unfortunately because the order will be headline+ text first, then first image on left side, then first image on right side, then second image on right side.
Thanks!

Are there any options for adjusting controls specificly for tablet and mobile? ie to make it responsive?

Thanks

When I insert two sections using the grid designer, if I edit the structure of one of the sections, the structure of the other section also changes.

Also, do you have plans to insert an option to increase the grid dimensions?

Thank your for your incredible work.

Best regards.

Thanks for this very helpful and unique Plugin!

As far as i understand there is no option to change the grid layout based on breakpoints. The grid swaps to one column on screens smaller than 769px which can not be changed.

Is a breakpoint based grid planned?

Right now every area block has the following CSS variables defined, even if they have default values.

--_ga-m-desktop: 0 0 0 0;
--_ga-p-desktop: 0 0 0 0;
--_ga-bg-desktop: transparent none;
--_ga-zi-desktop: auto;
--_ga-d-desktop: flex;
--_ga-mw-desktop: calc(100% - 0 - 0);
--_ga-m-tablet: 0 0 0 0;
--_ga-p-tablet: 0 0 0 0;
--_ga-bg-tablet: transparent none;
--_ga-zi-tablet: auto;
--_ga-d-tablet: flex;
--_ga-mw-tablet: calc(100% - 0 - 0);
--_ga-m-mobile: 0 0 0 0;
--_ga-p-mobile: 0 0 0 0;
--_ga-bg-mobile: transparent none;
--_ga-zi-mobile: auto;
--_ga-d-mobile: flex;
--_ga-mw-mobile: calc(100% - 0 - 0);

I suggest omitting them if they’re default and instead setting default values in the frontend CSS file.

–

Also I’m trying to create 6 areas that are displayed 3 per row on desktop and tablet and 2 per row on phone. Hovewer plugin default presets are limited by 4 columns max so I use designer instead. But designer specifies areas that are fixed in certain position for all screen sizes. On top of that it’s hardcoded that < 768px grid turns into flexbox with 1 area per row.

Would it be possible to either add a way to specify separate layout for tablet and mobile as well? Or maybe add option to specify ‘grid-template-columns: repeat(auto-fill, minmax(MIN_AREA_WIDTH, 1fr));’?

Hi

Since version 1.3.6 the background image of an area wont display on Chrome. On Firefox or Safari it works as expected.

I have found either missing parameter or an extra comma at the end of this css rule on grids-frontend.min.css.

.grids-area { background: var(--_ga-bg,var(--_ga-bg-desktop,)); }

Great work.
Thanks in advance.

Hello,

I set the padding on an area for a mobile device view port, I can see the changes in the Block Editor, but not on the front end.

I can see that --_ga-p-mobile: 0px 40px 0px 40px; is set via inline style, but the padding of that area is set by padding: var(--_ga-p, var(--_ga-p-desktop, 0)); and there’s no media query for a smaller screen that overrides it.

1.3.5, cache cleared etc. ??

Hello,

The latest update causes this error on my pages using Grids block.

Notice: Undefined offset: -1 in …/wp-content/plugins/grids/src/Core/Utils/CSS.php on line 31

Rollback to 1.3.1 fixes the problem.

Don’t ask me why this is a thing, but since removing the minmax minimum value of 0px on the section level grid-template-columns value after version 1.3.0, I’m experiencing grid blowouts on areas with undefined widths (eg, a carousel or flex item). See https://css-tricks.com/preventing-a-grid-blowout/ for an explanation. I solved this by adding a min-width: 0px; to the .grids-area selector, but I think it’s better added to the section selector in grid-template-columns.

Hello,

Since the latest update all my grids seem to be broken by this line of CSS:
grid-template-rows: repeat(var(--grids-section-rows, 6), 1fr);

Even if my grid is using 4 rows I get those weird spaces and there are always 6 fixed 1fr rows. Am I missing a place to update that setting on each instance of grid on my website?

I resorted to unsetting that value in my custom CSS, but it’s a hack.

Regards.

The inline CSS generated for Section background is not specific/localized enough to just the Section it’s supposed to applied to. For example, if I have a Section nested in another Section, and the parent section has a background, the CSS cascades down to the child Section because the selector is .parent-section-id .grids-s-w_i:before rather than only selecting the very next .grids-s-w selector.

I resolved this by adding a > in between the two css classes in /src/Core/Blocks/Section.php line 231, like $style .= sprintf( '%s > .grids-s-w_i:before {', esc_attr( $selector ) );

Not sure if this is a breaking change elsewhere, but worth considering adding to your next version as I’ve patched it locally.

I cannot get the plugin to become active. I installed it but there are no links in the forms to start designing.

Thank you for this amazing plugin!

I’m trying to make a grid with equally sized squares using the grid designer. Some of the squares will contain images and some will contain a few lines of text. But the text blocks tend to push upward as they are of lesser height than the image blocks. I’m wondering how to force the blocks to stay horisontally aligned regardless of the size of the content.

Hi,
in some cases the action to include the frontend styles will fail, as the theme handles the footer differently.

add_action( 'get_footer', array( $this, 'styles' ), 100 );

Using this action might be the better solution and works perfectly
add_action( 'wp_footer', array( $this, 'styles' ), 100 );

Thanks for your hard work and keep it up
Alex

I cannot use the section grid after a fresh installation.

I am using:
WordPress 5.7.1 with Theme CosmosWP

Password to link is “grids” it’s just a test page to show.

The images posted in the grid do not appear to crop or resize to fit the grid. I am wondering if this is a conflict with elementor? I had this plugin working on an old version of my site a while ago. Elementor is one of the differences between my old and new site.

Any assistance is appreciated. I absolutely LOVE what this plugin can do and would really like to be able to use it on my site.

Many thanks!

Heather

• This topic was modified 3 years, 8 months ago by wp-user-hw.

Thank you for th plugin!

Can’t find it in the documentation, but is it possible to set the default unit to “em” instead of “px” via code?

Kind regards,

Jaime

Just wondering if you could quickly clarify what you’re doing differently to GenerateBlocks? (to save me some time!)

Hi there,

Love the plugin but I think I’m experiencing a bug when using the Grids plugin on a custom post type.

In the admin a 404 error is returned from the api-fetch.js file.

.../wp-json/wp/v2/types/5328?_locale=user

In my case my custom post type is called solutions in which case the API url should be…

https://mysite.com/wp-json/wp/v2/solutions/5328

I think this error is having a side effect of not being able to save gutters from the overall Grids setting panel. I’m using a custom built theme but I’ve tested this with the default themes and the same issue occurs.

Thanks,
Greg

When changing a custom grid layout, specifically adding a new grid area, the whole grid is emptied upson saving the custom grid layout.
One has to resort to adjusting the markup in order to preserve the existing grid contents.

IN latest WordPress, Gutenberg and Grid plugin the layout, preset or custom, is not shown, instead only just one area is shown in the Grid block.

Fellow Grid-Developers,

first of all thank you for that wondeful Plugin!

I just updated the Plugin to Version 1.2.24 and ran into an issue.
All over the Website the grid-column css-property of the grid is inherited to its child objects.
Further Explanation: I have a grid column made with the grid designer and inside are three p-tags. Before the update they where displayed among themselves as usual. After the update to version 1.2.24 each paragraph is displayed in a seperate column. That is messing up everything.

Do you know a fix for this?

Since the installation runs on a live site I reverted the plugin to version 1.2.23 to display everything correctly. Therefore I cannot provide a link.

Thanks for your help in advance.
Regards Philip

Hi, i am not able to see the layout, color & background tabs on wordpress, any suggestions pls
Thanks

Hi

I’m getting horizontal scrollbars when I add padding and a gutter to a grid.
It doesn’t seem to matter what values are entered. There seems to be an error in the way the width is calculated.

Thanks

Hello,
I work for a Technical College and we were testing a new stack on our local machines. One of us could not get the Grids Plugin to work, and we discovered that that machine had a newer version of PHP on it (7.4.7) where as the rest had 7.3.10. We tried several other things, but what finally worked was downgrading the PHP version.

Our production is scheduled to go to PHP 7.4.x this fall. Could you test the plugin for this version?

Mike Steffel