4-column grid display issue

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

This topic contains 1 reply, has 1 voice.

Last updated by Clay 7 months, 1 week ago.

Author

Posts

April 19, 2024 at 11:04 pm #2693308

Clay

Tell us what you are trying to do?
make a 4-column custom archive grid. The four columns display inside div.tb-grid, which is displaying at 242.5px wide, rather than occupying the full width of its container. If I disable the rule in the screenshot, the problem goes away, but I'm assuming that I shouldn't have to do that?

Is there any documentation that you are following?
no

Is there a similar example that we can see?

What is the link to your site?
hidden link

April 19, 2024 at 11:38 pm #2693320

Clay

BTW that CSS rule is being applied to <ul class="products columns-4">

April 20, 2024 at 12:13 am #2693322

Clay

I found the solution on the GeneratePress forums. For anyone else who needs this:

.woocommerce .wc-columns-container.wc-columns-4 .products {
grid-template-columns: none !important;
}