Forums

Form Manipulation

Permalink
Hi,

I created a form atwww.www.mytrucklube.com/index.php/contact-us.... And though there are many fields to choose from, I chose to use "text field", "email address" and "text area".

I see no way to change the WIDTH of the first 2 - "text field" and "email address".

How can I do that?



***I posted this before, but I received 0 responses. ***
***Please forgive this repost and please help!***
 
mkly replied on at Permalink Reply
mkly
The width of the field is typically controlled via css. It's not currently the simplest thing in the world to do if you are not familiar with CSS.

It is typically a little cleaner to go about it by modifying the default theme's css as described in this howto

http://www.concrete5.org/documentation/how-tos/editors/customize-a-...

That said a quicker solution is to go through concrete5's theme customisation, which it appears you are already familiar with and add the css there.
- In the Dashboard under "Themes".
- The theme you are currently using should have "Activate" button pressed.
- Click the "Customize" button
- Click "Add Your CSS"
- Paste this css into it
.formBlockSurveyTable input[type=text] {
  width: 300px;
}
.formBlockSurveyTable input[type=email] {
  width: 300px;
}
.formBlockSurveyTable input[type=password] {
  width: 300px;
}
/* We have to add !important because a
 * width for this is set inline
 * and !important overrides this
 */
.formBlockSurveyTable textarea {
  width: 300px !important;
Viewing 15 lines of 16 lines. View entire code block.


No problem with the repost. It's a little of a confusing one so no one probably new where to begin. You might want to look into a tool called "Firebug" for Firefox and some basic css(just google like intro to css).

Best,
Mike
pranaman replied on at Permalink Reply
I understand the first part, but when I tried the second, to put the code into the Theme's CSS area, it did not work and messed up the color scheme of the body of my site, making the white font turn black.

The custom coloring I did to Amiant menu add-on also went back to its original blue.

I took it out and will come back to it and see if I can get it to work another way.
JohntheFish replied on at Permalink Reply
JohntheFish
Could be a typo in the css you added. Maybe a unmatched { or } or an unmatched quote.