Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Question

I have a form with a text area. I would like to change the placeholder text size and also the size of the text entered by the user. I tried

css below but it didn't work.

Also the text the user enters into the text field on a contact form is too small. How do I reference these items? TIA

See screen shots.

 

 

.form-wrapper .field-list textarea {
    min-height: 200px;
    resize: vertical;
    font-size:14px;

}
textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
    font-size:14px;
 
    
}

 

name size.png

Text Area [2].png

Edited by Steve48
wrong image

Share this post


Link to post

5 answers to this question

Recommended Posts

  • 0

I made some progress by adding the css below.

This increased the font-size of the elements I wanted to affect EXCEPT the name field. See screen shot.

Why is that? How do I increase the size of the text entered into the name field? Why is it different?

.form-wrapper .field-list .field .field-element{
   font-size:18px;
}

 

 

still small.png

Share this post


Link to post
  • 0

I think the text in the name box didn't get bigger is because it's a field-set (First Name & Last Name)

So how do I reference user entered font-size in a field set?

Share this post


Link to post
  • 0
40 minutes ago, Steve48 said:

I think the text in the name box didn't get bigger is because it's a field-set (First Name & Last Name)

So how do I reference user entered font-size in a field set?

With First, Last Name

Use

.form-wrapper .field-list .field .field-element {
    font-size: 16px !important;
}

With Text Area

textarea::placeholder {
    font-size: 100px !important;
}

 


Send me a message if you have any questions (free 10 minutes).

Don't send to forum message. I will check all questions via the link above

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...