Custom CSS for a Form Block
Permalink
Hi,
I'm trying to alter the width of the TextArea field that have defined using the Form Block, I've tried this in the 'Design -> Additional CSS', but it doesn't seem to work...
textarea {
width:100px;
}
Where am I going wrong?
I'm trying to alter the width of the TextArea field that have defined using the Form Block, I've tried this in the 'Design -> Additional CSS', but it doesn't seem to work...
textarea {
width:100px;
}
Where am I going wrong?
I could easily achieve this via the CSS files, but I want the customer to have control of the width of their own form fields and that's only possible if its configurable via the front-end, as I said using the 'Design' and then 'Additional CSS' option when editing a Block.
Can't you just edit the existing form and put a different width in for the textarea for that question?
I'm using the Concrete5 'Form Block', the width of the textarea input types is fixed, so I want to use the 'Additional CSS' option to force a custom width per instance of a Form.
What version of C5 are you using? See the attached screenshot from version 5.6.1.2 but the width of the textarea has been available from the front end for some time now.
I have tried using those controls but they don't seem to have any effect. In addition, I want to style the other inputs of the form so that they're all the same width.
I want to use the 'Additional CSS' feature to define a CSS width value - how do I do this, as per my opening post?
I want to use the 'Additional CSS' feature to define a CSS width value - how do I do this, as per my opening post?
To modify the C5 form I first call the id then textarea.
So, for example:
#wrapper textarea{width:100px}I normally do this in the main.css of the theme.