This thread is resolved. Here is a description of the problem and solution.
Problem:
I want to have full-width buttons in the WordPress archive loop, but the buttons' width is not extending on all devices.
Solution:
Add the following CSS code to your theme:
.post-type-archive-product .wp-block-toolset-views-view-template-block .tb-button .tb-button__link {
width: 100%;
}
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 3 replies, has 2 voices.
Last updated by 8 months, 3 weeks ago.
Assisted by: Christopher Amirian.
I want to have a full width buttons (hidden link) in the wordpress archive loop.
How can I do this so the button width is full on all devices?
Hi there,
Please select the Button in the block editor and on the right sidebar under "Style Settings" you will see a MARGIN/PADDING option.
At the top right section of that option, you will be able to select the device type and set proper margin or padding. (check the screenshot)
Set 0 for all devices there.
That will remove any padding or margin by default, and the rest is dependant on your theme CSS.
Thanks.
