Skip Navigation

[Resolved] wpv-filter-submit and CSS

This thread is resolved. Here is a description of the problem and solution.

Problem:

How to add CSS class name into submit button of shortcode [wpv-filter-submit]

Solution:

You can customize the attribute "class" of [wpv-filter-submit]

Relevant Documentation:

https://toolset.com/documentation/user-guides/views-shortcodes/#wpv-filter-submit

This support ticket is created 3 years, 8 months ago. There's a good chance that you are reading advice that it now obsolete.

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
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9: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/Hong_Kong (GMT+08:00)

This topic contains 3 replies, has 2 voices.

Last updated by katjaS-3 3 years, 8 months ago.

Assisted by: Luo Yang.

Author
Posts
#1979295

Hi,
I am customizing a view search.

I styled the reset button bootstrap class perfectly to my page styles.
However the submit button does not accept the changes.

The 2 lines:
<div class="col-md-6">[wpv-filter-reset reset_label="Reset" output="bootstrap" class="btn-secondary btn-sm"] </div>
<div class="col-md-6">[wpv-filter-submit name="Suchen" output="bootstrap" class="btn-secondary btn-sm"]</div>

What am I doing wrong?

THX in advance
Rgds
Frank

#1979321
submit-button.JPG

Dear Frank,

I have tried it in my localhost with a fresh WP installation + the latest version of Toolset plugin, use the same codes you mentioned above:
[wpv-filter-submit name="Suchen" output="bootstrap" class="btn-secondary btn-sm"]

I can see correct CSS class name in front-end, see my screenshot submit-button.JPG

So the problem you mentioned above is abnormal, please try these:
1) Make sure you are using the latest version of Toolset plugins, you can download them here:
https://toolset.com/account/downloads/

2) In case it is a compatibility problem, please deactivate all other plugins, and switch to WordPress default theme 2021, deactivate all custom PHP/JS code snippets, and test again

3) Also check if there is any PHP/JS error in your website:
https://toolset.com/documentation/programmer-reference/debugging-sites-built-with-toolset/

#1983947

Hi,
I am soo sorry, but I am still struggeling. I have replicated my page with Duplicator on a test system an killed step by step all possible problems like plugin or themes. Result: With the reset button I can do whatever I want. but the submit button is out of reach.

I need help, please.
Frank

#1985171

My issue is resolved now. Thank you!