Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 25, 2015 at 5:58 pm #524420
    bakbek

    Hi, I would like to make some changes to the contact form element:

    1. How can I change the titles color to – #00a59b?
    2. How to make the fields narrower by 50%? I still want each field to be in it’s own line just to make the field where the user enters the information 50% less wide – http://screencast.com/t/6NYhpETYp
    3. How can I move dropdown arrows to the right side of the field – http://screencast.com/t/ix4g63E7c8?
    4. How can I make the dropdown popup to be smaller and to show up below the field and not the way it shows now – http://screencast.com/t/xafaGs9Q?

    Thanks.

    October 25, 2015 at 7:54 pm #524472
    Dake

    Hi DROR!

    Please insert the below css into your custom css section:

    #top label {
    color: #00a59b !important;
}

#top .avia_ajax_form .text_input {
    width: 50% !important;
}

#top select, #top .avia_ajax_form .select, #top .entry-content-wrapper select {
    background-position: right center !important;
}

#top .avia_ajax_form .select {
    padding-right: 35px !important;
}

.value_verifier_label {
	left: 370px !important;
}

    View post on imgur.com

    Cheers!
    Dake

    October 26, 2015 at 8:43 am #524706
    bakbek

    Thanks Dake, a few things are still not working:

    1. Some fields are still taking the full width – http://screencast.com/t/7ezY2FNSoqF. How can I make them 50% as the others?
    2. The asterisk are still blue and not green as the titles, how can I make them green aswell – http://screencast.com/t/HYS3NpuR6?
    3. The captcha is still aligned to the left of the field instead of the right – http://screencast.com/t/HYS3NpuR6?

    Thanks.

    October 26, 2015 at 4:31 pm #525027
    Dake

    Hey!

    Please insert the below css:

    #top .avia_ajax_form .select {
	width: 50% !important;
}

.main_color .required {
    color: #00a59b !important;
}

.value_verifier_label {
    left: 610px !important;
}

    Regards,
    Dake

    October 26, 2015 at 4:56 pm #525048
    bakbek

    Thanks Dake, 2 more things are still not fixed:

    1. The last field is still fullwidth and not 50% – http://screencast.com/t/jrXa5w0ldQAp
    2. The popup in the choice fields is still showing up to the far right instead of below the actual field – http://screencast.com/t/EmTGLPgWuj
    3. Is it possible to not have a default answer selected for the choice fields?

    Thanks.

    October 26, 2015 at 5:34 pm #525076
    Dake

    Hi!

    1. Width reduction for message:

    #top .avia_ajax_form .text_area {
    width: 50%;
}

    2. What browser are you using? The pop up appears below the field on chrome, firefox and edge on my end.

    3. Not without custom code. If you would like to go that route you can enlist the aid of a freelancer:

    Best regards,
    Dake

    October 27, 2015 at 12:37 am #525252
    bakbek

    I’m using Chrome on Mac.

    October 29, 2015 at 7:38 am #526558
    Ismael

    Hey!

    Did you transfer the site? http://teacherday.tigermedia.co.il/interested/

    Cheers!
    Ismael

    October 29, 2015 at 9:53 am #526618
    bakbek

    Yes, sorry about that.

    October 31, 2015 at 12:22 am #527776
    Josue

    It’s a Mac Chrome bug on RTL websites, i’m afraid there’s little we can do on our ends to fix it:
    http://output.jsbin.com/dogovuzuha

    Regards,
    Josue

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.