- This topic has 1 reply, 2 voices, and was last updated 7 years, 9 months ago by .
These forums are now closed and remain for historical purposes.
None of the content applies to the new version 3. For support, get in touch via our contact form.
Forums › Forums › Search & Filter Pro › Optional Class Name
Tagged: css
Hey there,
I’m using your plugin for an advanced search feature on my website and I’d like to be able to add a custom class name to the input I’m creating. I’d like to do this so I can use CSS to style each one differently based on the CSS class that gets applied. I know that a CSS class gets applied for the name of the input, but I’d like to be able to set my own in addition to it.
Could you point in the right direction as to how I would modify this plugin to do this? And if it does already offer this feature could you tell me where I’d find it? Ideally I just want a box next to the input type selection that prompts me to add them.
At this time, it is possible to add CSS identifiers (IDs and Classes) only to the term elements, and not the containing form elements. It is a feature we plan to add to the next major update (V3), which we are currently working on.
To modify the input objects you would have to write your own code using the sf_input_object_pre filter.
Most objects in the form do have their own CSS class that you can target with Custom CSS. You can use the browser inspector to find these.
This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.
We also use cookies to store items in your cart as well as allowing your to login on the site.
You can adjust all of your cookie settings by navigating the tabs on the left hand side.
By continuing to use this site, you also agree to our Privacy Policy.
Strictly Necessary Cookie should be enabled at all times so that we can save your preferences for cookie settings.
*Other cookies used for logging in and cart functions will only be used when you use those features and cannot be disabled.
If you disable these cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.
This website uses Google Analytics to collect anonymous information such as the number of visitors to the site, and the most popular pages.
Keeping this cookie enabled helps us to improve our website.
Please enable Strictly Necessary Cookies first so that we can save your preferences!
More information about our Cookie Policy