Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • October 25, 2015 at 7:18 pm #524464
    bakbek

    Hi, how can I center align the submit button in a contact form element?

    Thanks

    October 25, 2015 at 11:27 pm #524555
    Basilis

    Hey DROR!

    Please try

    
p.form_element {
margin: 0 auto;
}

    and let us know if that helps

    Cheers!
    Basilis

    October 25, 2015 at 11:49 pm #524576
    bakbek

    That did something to the margins between the fields but nothing about aligning the button to the center…

    October 26, 2015 at 6:16 pm #525122
    Yigit

    Hey!

    “Page not found” and theme seems to be switched to default theme. Can you please check your link once again? :)

    Regards,
    Yigit

    October 27, 2015 at 12:38 am #525253
    bakbek

    Sorry about that, had some issues and moved the site.

    October 27, 2015 at 11:41 am #525432
    bakbek

    Hi, I would also like to make the following changes if possible:

    1. reverse the button colors so it would be green on default and blue on hover.
    2. Change the button font so it would be the same as the rest of the page (font name is – ALEF).
    3. Change the dropdown box color to #00a59b with 80% opacity – http://screencast.com/t/owi5LfaCUv
    4. Make the dropdown selection box appear below the field instead of on the far right as it is now – http://screencast.com/t/owi5LfaCUv

    Thanks.

    October 29, 2015 at 3:17 pm #526833
    Andy

    Hi!

    1. Use this code in Quick CSS field: 

    input.button {
background-color: green !important;
}
and for hover:
input.button:hover {
background-color: blue !important;
}

    2. Use this code:

    input.button {
font-family: ALEF;
}

    3. Not sure what you mean, but try this: 

    #top .avia_ajax_form .select {
background-color: rgba(0,0,0,0.8);
}

    You need to change hex code (#00a59b) to rgb code.

    4. I think this dropdown selector is not controlled by the theme, but by browser and in this case it won’t be easily possible.

    Would be best to open separate tickets for different questions in the future. Thank you!

    Regards,
    Andy

    October 29, 2015 at 3:56 pm #526892
    bakbek

    Thanks, about #3, it didn’t change the dropdown color but the background of the field itself – http://screencast.com/t/u6KbnMQK

    October 31, 2015 at 3:38 am #527812
    Ismael

    Hey!

    Try this:

    option {
    background: #00a59b;
    opacity: 0.8;
}

    Regards,
    Ismael

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