Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • November 5, 2024 at 2:12 pm #1470659
    Sachs

    Hi Support
    In advance styling I have added 50px (border radius) to the styling of buttons, but there is no change in the style of the button in the contact form.
    Is it correct to adjust the radius here? or is a css-code needed?

    In case if there is a need for a css-change, will you be able to provide this?

    Font color: #ffffff
    Back ground color: #55726f
    Back ground hover: #55726f
    Thanks
    Best regards
    Lene

    November 5, 2024 at 4:04 pm #1470666
    Guenni007

    The rulesets concerning to contact form are:

    .avia_ajax_form .button {
  border-radius: 15px;
  color: #fff;
}
.main_color input[type="submit"]{
  background-color: #55726f;
}
.main_color input[type="submit"]:hover{
  background-color: #37a196;
}

    if you realy like to have no color – change on hover – change to your needs

    November 6, 2024 at 10:42 am #1470752
    Sachs

    Hi Guenni007
    Many thanks for your input.
    I have inserted the code and it works fine.
    I just noticed that button size should be X large.

    Please could you provide an update code with the button size included.

    Many thanks
    Best regards
    Lene

    November 6, 2024 at 6:05 pm #1470773
    Guenni007

    you can do that via font-size and either padding or min-width:

    .avia_ajax_form .button {
  padding: 16px 50px;
  font-size: 1.4em;
  min-width: 200px;
}
    November 7, 2024 at 5:36 am #1470802
    Ismael

    Hi,

    Thank you for the update.

    We would like to apply the css modification, but the login details provided seem to be invalid. Please verify the info or provide another admin account.

    Best regards,
    Ismael

    November 7, 2024 at 10:46 am #1470829
    Sachs
    This reply has been marked as private.
    November 8, 2024 at 6:03 am #1470870
    Ismael

    Hi,

    Thank you for the update.

    We edited the code in the Quick CSS field:

    .avia_ajax_form .button {
    padding: 21px 50px;
    font-size: 15px;
    min-width: 200px;
    letter-spacing: 0.05em;
    font-weight: 700;
}

    Best regards,
    Ismael

    November 8, 2024 at 11:27 am #1470895
    Sachs
    This reply has been marked as private.
    November 11, 2024 at 7:05 am #1471048
    Ismael

    Hi,

    We adjusted the font of the submit button and the padding as requested. 

    .avia_ajax_form .button {
    padding: 21px 50px;
    font-size: 15px;
    min-width: 200px;
    letter-spacing: 0.05em;
    font-weight: 400;
    font-family: 'open sans', Helvetica, Arial, sans-serif;
    padding-bottom: 23px;
    padding-top: 25px;
}

    Best regards,
    Ismael

    November 11, 2024 at 10:31 am #1471064
    Sachs
    This reply has been marked as private.
    November 12, 2024 at 3:53 am #1471129
    Ismael

    Hi,

    Great! Glad to know that everything is in order. Please let us know if you have more questions about the theme.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Contact for: Styling submit bottom’ is closed to new replies.