Contact Form CSS Style - Support | Kriesi.at

Viewing 12 posts - 1 through 12 (of 12 total)

Author

Posts
February 18, 2014 at 1:35 am #225262

GilbertoDav
Participant

Hello, I have a bit of trouble with this.
How do smaller the space between a label and a textarea on the contact form?

Somebody help me.

February 18, 2014 at 1:50 am #225268
Yigit
Keymaster
Hey GilbertoDav!

Please add following code to Quick CSS in Enfold theme options under Styling tab
```
.avia_ajax_form label { margin-bottom: 3px; }
```
Cheers!
Yigit
February 18, 2014 at 2:22 am #225285

GilbertoDav
Participant

Thanks but…

I did not explain well, Sorry.

I need the space between the text area and the next label of contact form is less.

February 18, 2014 at 2:43 am #225293
Josue
Inactive Moderator
Hey!

Try with this one:
```
.avia_ajax_form .form_element_half {
    margin-right: 4%;
    width: 48%;
}
.avia_ajax_form .form_element_half_2 {
    margin-right: 0 !important;
}
```
Cheers!
Josue
February 18, 2014 at 5:54 pm #225624

GilbertoDav
Participant

Thanks Josue and Yigit, but did not work.
I found this code to reduce textareas.

#top .text_input, #top .select, #top .text_area {
padding-top: 4px !important;
padding-bottom: 4px !important;
}

but misaligned the captcha and i want to reduce the space between the text areas to contact form is more compact.
Let me add an example of the areas i want to reduce.

much appreciate your support.

February 18, 2014 at 6:25 pm #225641

Josue
Inactive Moderator

Hi,

Can you post the link to your website please?

Regards,
Josue

February 18, 2014 at 6:30 pm #225645
GilbertoDav
Participant
Here is: http://www2.ti-m.com.mx/contacto/

This is an example of the areas i want to reduce: https://drive.google.com/file/d/0BxfPqVxsOCYkY2l5WEhRSlB6a0k/edit?usp=sharing
- This reply was modified 11 years, 8 months ago by GilbertoDav.
February 18, 2014 at 6:34 pm #225649

Josue
Inactive Moderator

Hey!

The link didn’t show.

Best regards,
Josue

February 18, 2014 at 6:35 pm #225650

GilbertoDav
Participant

Again.

Here is: http://www2.ti-m.com.mx/contacto/

This is an example of the areas i want to reduce: https://drive.google.com/file/d/0BxfPqVxsOCYkY2l5WEhRSlB6a0k/edit?usp=sharing

February 18, 2014 at 6:40 pm #225653
Josue
Inactive Moderator
This will do it:
```
.avia_ajax_form p {
    margin-bottom: 0;
}
.value_verifier_label {
    bottom: 2px;
}
```
Regards,
Josue
February 18, 2014 at 6:51 pm #225658

GilbertoDav
Participant

YEAH!!!! Thanks so much Josue.

This work perfect!!!

Cheers.

February 18, 2014 at 6:58 pm #225662

Josue
Inactive Moderator

De nada :)
Author

Posts

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Contact Form CSS Style’ is closed to new replies.