If you have a support question or comment, click the Post New Topic link below. Sytist Manual | Sytist Articles | Facebook Page.

Text Styling When Creating A Form

 
Please log in or Create an account to post or reply to topics.
 
Richard Mardirosian
186 posts
Tue Feb 20, 18
3:34 PM
I am creating a form and would like to adjust font sizes, colors and weight.

is there some way I can do that?
Tim - PicturesPro.com
9743 posts
admin
Wed Feb 21, 18
8:51 AM
Not directly with the form. If you want to adjust all form fields you can go to Design -> Edit My Theme and select forms in the left menu and you can adjust the form fields look there.
 
 
 
 
 
Tim Grissett, DIA - PicturesPro.com || My Email Address: info@picturespro.com
Richard Mardirosian
186 posts
Wed Feb 21, 18
9:31 AM
Thanks Tim...I had found those options and made a few changes.

Now my hope is too adjust font sizes, change weights and change the colors.
Tim - PicturesPro.com
9743 posts
admin
Wed Feb 21, 18
10:55 AM
Do you mean within the fields that are typed in on the form? You can change the color in the Forms section of the theme editor.

You can try to add something like this in the additiona CSS section of your theme for weight and size

input { font-size: 21px; font-weight: 800; }

 
 
 
 
 
Tim Grissett, DIA - PicturesPro.com || My Email Address: info@picturespro.com
Richard Mardirosian
186 posts
Wed Feb 21, 18
12:01 PM
I'm talking about the Field Name and Description.

Which brings up another question...can I move the description so it's directly under the Field Name?
Tim - PicturesPro.com
9743 posts
admin
Thu Feb 22, 18
8:41 AM
go to Design -> Edit My Theme, Additional CSS in the left menu and start with this code:

.formcolinner, .contactformfields { font-weight: 800; color: #890000; }

There is not a way to move the descriptions.
Edited Thu Feb 22, 18 8:41 AM by Tim - PicturesPro.com
 
 
 
 
 
Tim Grissett, DIA - PicturesPro.com || My Email Address: info@picturespro.com
Richard Mardirosian
186 posts
Thu Feb 22, 18
10:27 PM
Excellent Tim...that helps a lot!

Is there a way to differentiate between Title Text and Description Text?

I'd like those two to be different colors.
Tim - PicturesPro.com
9743 posts
admin
Fri Feb 23, 18
7:56 AM
There isn't a way to style those separately.
 
 
 
 
 
Tim Grissett, DIA - PicturesPro.com || My Email Address: info@picturespro.com
Richard Mardirosian
186 posts
Fri Feb 23, 18
10:59 AM
Thanks Tim I used your previous post and added inline tags to accomplish my goal with CSS

.formcolinner, .contactformfields h88 {color: #4a6391; font-size: 1em; font-weight: 400;}

Thanks again for your help!
Loading more pages
Loading more pages

Sign up for email promotions.

Your information is safe with us and won't be shared.

Thank you for signing up!

 
©2003 - 2017 Grissett, LLC. All Rights Reserved.

By continuing to browse or by clicking Accept Cookies, you agree to the storing of cookies on your device necessary to provide you with the services available through our website.

    Accept   Privacy & Cookie Policy
Loading More Photos
Scroll To Top
Close Window
Loading
Close