Skip Navigation

[Resolved] Inconsistent view width on search archive page

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.

Sun Mon Tue Wed Thu Fri Sat
- 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Kolkata (GMT+05:30)

This topic contains 2 replies, has 2 voices.

Last updated by Minesh 1 year, 5 months ago.

Assisted by: Minesh.

Author
Posts
#2687509
Screenshot 2024-02-24 at 9.47.12 PM.png
Screenshot 2024-02-24 at 9.47.51 PM.png

Hello Toolset team,

I'm running into some inconsistent handling of a view within my search page.

This is the expected behavior and look:
hidden link

Notice the width of the
<div data-toolset-views-wpa-editor="4d8db588a1097eac0052ce21086e4973" class="wp-block-toolset-views-wpa-editor">
element is 1170px

However, on search pages with only a single collection, such as:
hidden link
The same view element only has 487px width
resulting in grid columns which are too small to be usable.

I have updated toolset and all its modules to the latest available versions.

#2687551

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

Hello. Thank you for contacting the Toolset support.

When I try to access the wp-admin page: hidden link

It redirect me on hidden link page and the admin access details you shared is not working.

Can you please make sure I should be able to access the admin access details.

I have set the next reply to private which means only you and I have access to it.

#2687777
#2687837

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

Can you please check now: hidden link

I've added the following CSS to "Custom JS and CSS" section's "Custom CSS" box as you can see with the following screenshot:
- hidden link

.wp-block-toolset-views-wpa-editor {
    width: 100% !important;
}

More info:
- https://toolset.com/course-lesson/adding-custom-css-to-templates-archives-and-views/#steps-for-adding-css-to-a-wordpress-archive

#2688462

That worked.
Thanks Minesh!