Jump to content

new-gallery

Recommended Posts

Posted

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

  • Replies 5
  • Views 659
  • Created
  • Last Reply
Posted

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

Posted

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?

Posted
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.