To post a new support question, click the Post New Topic button below.
Current Version: 4.9.1 | Sytist Manual | Common  Issues | Feature Requests

Please log in or Create an account to post or reply to topics.
You will still receive notifications of replies to topics you are part of even if you do not subscribe to new topic emails.

Text Styling When Creating A Form

R
247 posts
Tue Feb 20, 18 3:34 PM CST
I am creating a form and would like to adjust font sizes, colors and weight.

is there some way I can do that?
16,216 posts (admin)
Wed Feb 21, 18 8:51 AM CST
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
R
247 posts
Wed Feb 21, 18 9:31 AM CST
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.
16,216 posts (admin)
Wed Feb 21, 18 10:55 AM CST
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
R
247 posts
Wed Feb 21, 18 12:01 PM CST
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?
16,216 posts (admin)
Thu Feb 22, 18 8:41 AM CST
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
R
247 posts
Thu Feb 22, 18 10:27 PM CST
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.
16,216 posts (admin)
Fri Feb 23, 18 7:56 AM CST
There isn't a way to style those separately.
Tim Grissett, DIA - PicturesPro.com
My Email Address: info@picturespro.com
R
247 posts
Fri Feb 23, 18 10:59 AM CST
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!
9 total messages
Please log in or Create an account to post or reply to topics.
This post has been viewed 813 times
Category: Forms
 
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 - 2021 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