Forums

How to set css to default contatct form

Permalink
hi all, i install concrete5
and there is built in contact form.
, but i dont know, how to set css style to default contact form.
i just want to set border:0px to each input type, where & what the heck the file i must modify..

thanks.
fastcrash
 
jbx replied on at Permalink Reply
jbx
Well that's fairly simple - you can just add .formBlockSurveyTable input {
border: 0;
}
into your themes css file. However, that will alter every input element. I actually wound up modifying the form block to get rid of the table layout and give each input element a surrounding div with a class name that relates to the question. That way I can target individual elements.

Jon
fastcrash replied on at Permalink Reply
fastcrash
big thanks jbx, i try your css, but no work. i putt it in my css style. but the border still shown.
can you teach me how to 'modifying the form block' like u said?

this the original default form
<div id="blockStyle7" class="contactbg ccm-block-styles" >
<a name="1285470990"></a><br/>
<form enctype="multipart/form-data" id="miniSurveyView69" class="miniSurveyView" method="post" action="/concrete5.4.0.5/index.php?cID=69&amp;bID=69&amp;arHandle=Main&ccm_token=1283394285:d471a2c693760b0e7163df476c069b8f&amp;btask=passthru&method=submit_form#1285470990">
      <input name="qsID" type="hidden" value="1285470990" />
   <input name="pURI" type="hidden" value="/concrete5.4.0.5/index.php/contact/" />
   <table class="formBlockSurveyTable"><tr>
                          <td valign="top" class="question">Name:&nbsp;<span class="required">*</span></td>
                          <td valign="top"><input name="Question1" type="text" value="" /></td>
                        </tr><tr>
                          <td valign="top" class="question">Phone:</td>
                          <td valign="top"><input name="Question2" type="text" value="" /></td>
                        </tr><tr>
                          <td valign="top" class="question">eMail:</td>
                          <td valign="top"><input name="Question3" type="text" value="" /></td>
                        </tr><tr>
Viewing 15 lines of 19 lines. View entire code block.


thks.
jbx replied on at Permalink Best Answer Reply
jbx
Can you give a link to your site?
fastcrash replied on at Permalink Reply
fastcrash
i am develop on localhost.
maybe cause i build with my own template, so there is still not incompetible css style setup.
btw thanks a lot jbx. i mark u first post as best answer.
jbx replied on at Permalink Reply
jbx
Thanks for that, but we still need to get your css working!

What you can try is this...
Go to your page with the form on and click "view source". Copy the contents to a text file and save it. Then attach that and your .css file to this thread. I'll have a look and see if I can spot the problem...

Jon
fastcrash replied on at Permalink Reply
fastcrash
i using concrete5.4.0.5, its weird, is there something cache mechanisme, so i cannot edit my css until the cache is expire?
i cannot change my footer style.

about the form, i put in a css class hardcore in form contoller.php, and it works.

is it better to use concrete5.4.1RC1 ?

thanks for your care. :)