Forums

Hi Bob,

This is a follow on from my last post.

I am not very knowledgeable with CSS so to get the “Text Area” boxes to turn fully transparent I copied the following CSS from the “frontforms_tight.css as below and inserted it as a CSS in the on-load action:

 .ccms_form_element input, textarea, input[type="file"] {
    border: 1px solid #D3D3D3;
    margin-bottom: 3px;
    padding: 4px !important;
}

I changed the border px to 0 and added your line background: transparent !important; with the addition of !important, as below:

.ccms_form_element input, textarea, input[type="file"] {
    border: 0px solid #D3D3D3;
    margin-bottom: 3px;
    padding: 4px !important;
    background: transparent !important;
}

This worked a treat; however, I can’t find the way to change the font color from black to white.

Also I am left with the three dot x three dot triangle in white at the bottom right hand corner for the user to expand the text box. This I do not want, but I do not know how to get rid of it.
If this was a form with only one row of three text areas it would not matter but this form has 25 rows all with three text boxes each so these dotted triangles are a pest!!

Help!!

Hi Bob,

Problems resolved.

I used standard font CSS to set what I wanted.

However the textarea resize icon gave me a wee bit of a problem until I remembered that WebKit browsers attached a little UI element to the bottom right of text areas that users can use to click-and-drag to resize a textarea. To remove it just use the following little bit of CSS is all it takes:

textarea {
    resize:none;
}

Hi John,

Excellent - well found! I didn't know about resize: none; - sounds useful.

Bob