Looking for support? You can access the support system via your account.
- This topic has 8 replies, 2 voices, and was last updated 3 years, 1 month ago by .
You must be logged in to reply to this topic.
Looking for support? You can access the support system via your account.
Forums › Forums › Search & Filter Pro › Changing “Submit” button text to icon
Tagged: button, css, FontAwesome, icon, Submit
hey there!
i’ve been trying to figure out how to get my search form to look like the red one on the left sidebar of this page, but i can’t seem to get the submit button text to change to displaying an icon.
i’d prefer to have it display an SVG (this one), but i don’t know how to change text to an SVG (pretty sure it’s possible, i’m just not skilled with CSS)…
so i was trying to follow the instructions in this thread in the meantime, but Search & Filter doesn’t seem to want to save the unicode value. whenever i save a new unicode value
in the “Submit label” field in the Search & Filter Settings & Defaults screen, it doesn’t save; just stays blank.
here’s the code i’m using in CSS; maybe i’m doing this wrong:
.sf-field-submit > ul > li {font-family: 'FontAwesome';}
here’s a link to a page that’s displaying the current Search & Filter Pro instance in the left sidebar if you wanna inspect it yrselves.
Does the submit label accept html?
Like this:
<i class="fa fa-home"></i>
And us the font awesome cheatsheet to work out the desired icon class (instead of home).
nope…after saving, it deleted everything other than “</i
”
When you are saving the unicode in there, do you mean like this:
& #x f002;
I added two spaces so you can see it!! For me it saves it?
Most odd. It works for me, so something must be causing this in your installation or server.
Okay. I’ve put out some calls for help with my friends who are better at backend stuff. If we figure it out, we’ll post the solution here in case somebody else is running into the same problem.
I’m having this problem, too. When the page loads it just shows the little rectangle for a bit and then disappears.
Hi Mary
We’ve stopped using these forums for support – can you open a supprt ticket via your account?
https://searchandfilter.com/account/support/
Thanks
You must be logged in to reply to this topic.
© 2024 Search & Filter Support. All Rights Reserved.
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