[Resolved] Column width does not change when I try to drag it with my mouse

[Author]

Posts

[annaA-2]

I am trying to change column with in a WordPress Archive Layout but when I try to drag it with my mouse nothing happens.
I tried to deactivate some plugins and to upgrade toolset plugins but nothing worked.

Thanks for your help.

[Shane]

Hi Anna,

Thank you for getting in touch.

I see that you have several archives created, can you let me know which archive you're experiencing the issue with.

Thanks,
Shane

[annaA-2]

In all archives, grids are not working fine.
You can check for example Biologici.
When we created them they worked fine, now we added a column, and all columns are 20% large.

Thanks.

[Shane]

Hi Anna,

I was able to get the columns to re-adjust but it was done with exaggerated column adjustments which wouldn't be feasible under normal circumstances.

Would it be possible to get a copy of your site so that I can perform some further testing ? I suspect there is some css issue at play whether through your theme or plugins.

Please let me know.

Thanks,
Shane

[annaA-2]

Hi Shane, yes, of course, you can do it.
This is a developing website so we need it to work before we release it.

Thank you for your help.

Anna

[Shane]

Hi Anna,

I did a test of this locally and it appears the issue is predominantly being caused by the theme.
I understand that it's not feasible to change theme at this point.

Perhaps a css workaround will be best suited. Is there a particular width that you want the columns to be ?

Please let me know.
Thanks,
Shane

[annaA-2]

Hi Shane,
we use Toolset with flatsome theme in a more website and we never had this problem.

How can we set column width with css?

Thank you.
Anna.

[Minesh]

Shane is on vacation. This is Minesh here and I'll take care of this ticket. Hope this is ok.

You can add any custom CSS you would like to add to your archive to your archive's custom CSS section. Please check the following screenshot: hidden link

I see you already added the following CSS code:

.row.align-center {
    max-width: 100%;
}

.large-10 {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
padding: 0px;
}

.wp-block-toolset-blocks-container.tb-container.contenuto {
    padding: 60px 0;
    max-width: 1250px;
    margin: 0 auto;
}

Looks like you already figure it out.

[annaA-2]

Hi Minesh,
now the drag and drop function is working fine and I didn't change my css code.
I set col-10 to 100% in my template CSS because I need it for all my website because the toolset default grid is smaller than the page width.

Do you think this is the problem?

Thank you for your help.

[Minesh]

I would say that overriding the default styles of the built-in in column classes and grids as a whole is not suggested, for instance, you change the CSS for class: col-10 , It it does not have any effect on your other section of the pages then you can keep it or otherwise it is better to add the custom CSS code in a way that it targets only specific sections, to avoid any unexpected results/behavior. You can add custom class or ID and then to that class or ID you can add your custom CSS.

[annaA-2]

Ok, thank you.
I understand and I'll follow your suggestion.
Best,
Anna.