I have tried using the grid a number of times on a number of different custom post types and other sections recently but every time I take a look at them, there's a problem.
If I choose three or four columns, I only "get" one or two.
And I end up having to add custom CSS to get them to work the way I need them to - e.g.,
@media (min-width: 768px)
.awards-gala-finalist-list-container .wp-block-toolset-blocks-grid.tb-grid.awards-gala-3-cols {
grid-template-columns: minmax(0, 0.3333fr) minmax(0, 0.3333fr) minmax(0, 0.3333fr);
grid-auto-flow: row;
}
You can see it here:
hidden link!
I've got one grid with three columns and the other with four columns, but in both cases, the grid rendered two columns so I added custom CSS.
Please advise.
Thanks
Dawson
P.S. I recently gave Minesh access to the dev version of the site, so you can take a look there if you wish.
Hi Dawson,
The first thing to check is if that happens when Toolset is installed only.
I tested that which you can see on the installation below: (Click on the link and you will be automatically logged in):
hidden link
Here is the test page I used the Grid block with three and four columns which seem to be working fine:
hidden link
Now that we know it is happening on your installation we need to check if there is a plugin, or theme that causes the issue. Most probably there is some sort of CSS code somewhere that overrides the default Toolset code.
- IMPORTANT STEP! Create a backup of your website. Or better approach will be to test this on a copy/staging version of the website to avoid any disruption of a live website.
- Switch to the default theme such as "TwentyTwenty" by going to "WordPress Dashboard > Appearance > themes".
- Go to "WordPress Dashboard > Plugins" and deactivate all plugins except Toolset and its add-ons.
- Check if you can still recreate the issue.
- If not, re-activate your plugins one by one and check the issue each time to find out the plugin that causes the problem.
Thanks.
