- JotForm SupportjonathanAnswered on February 03, 2015 at 06:56 PM
Since JotForm now uses the new Form Designer, we have move most of the style tools in the designer. But you can still do some common styling within the Form Builder.
For the Style tab, you can access it by
#1 Click Setup & Embed
#3 Form Styles
the Style tab should be available.
then you can now use the Font styles to use in your Gift Registry widget on the form.
Hope this help. Let us know if you need further assistance.
- VezelayAnswered on February 04, 2015 at 03:42 AM
It doesn't seem to do it for me...
In both cases, it allows to change the font of the labels - for all of the forms/widgets but it has no influence at all on the font inside the Gift Registry Widgets.
I tried through the designer with no success either.
The issue is the font "inside" the widget.
- CharlieAnswered on February 04, 2015 at 09:26 AM
You can change the font of the widget text by adding a custom CSS code inside the widget itself.
In my case, I use the import function of Google Fonts, you can find it here: https://www.google.com/fonts.
1. In Google Fonts website, choose a font and click "Quick Use".
2. Scroll down and click "Import", you should use the code then.
This is the custom CSS code that I will add in my widget:
font-family: 'Open Sans';
I hope this helps. You can also check this guide that we have: http://www.jotform.com/help/100-Beautify-your-Form-with-Google-Web-Fonts.
Here's a demo form that have to see the changes: http://form.jotformpro.com/form/50343675351958.
Let us know if you need more assistance on this.
- VezelayAnswered on February 04, 2015 at 01:03 PM
Works fine... I am now able to modify the font and size of the registry item label!
How could I now access the item counter label (the green text on the right - like change the green to red)?
Thanks so much.
- BenAnswered on February 04, 2015 at 02:35 PM
That is great to hear.
Now in regards to your question about the green text on the right - It can be styled by using this class: items-left
This means that this code:
would change the color of that text to red.
- VezelayAnswered on February 04, 2015 at 06:05 PM
Right on the stop! Thank you so much!