Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 18, 2015 at 10:43 pm #505783
    mmsdev

    Hi,

    Can you please advise me on how i can have the same button for the contact form as the Enfold button?
    I use them side by side on the site a lot and they look wrong next to each other..

    See page link in private content.

    My buttons look like this, ( I have made the font a size 14 on the enfold button, just so you know with this code already in quick CSS)

    .avia-button {
    font-size: 14px!important;
    }
    I also made them both grey when hovered over by adding this to the quick CSS

    body .avia-button.avia-color-theme-color:hover , body .avia-button.avia-color-theme-color:hover, .main_color input[type=’submit’]:hover, .main_color .button:hover { background-color: #535353!important; border-color: black!important; }

    I just can’t work out how to get the contact form button style to look the same..

    My Enfold button looks like this.

    And the contact form looks like this, they are close but not the same.. The contact form is basically bigger and square edges, and small font.

    This is how they look on the page, as you can see they look different.

    Can you please advise, thanks in advance.

    • This topic was modified 9 years, 3 months ago by mmsdev.
    September 21, 2015 at 6:46 am #506228
    Ismael

    Hey midischool!

    Thank you for using Enfold.

    You could use this in the Quick CSS field in order to adjust the style of the button:

    .avia_ajax_form .button {
    margin: 0;
    padding: 16px 20px;
    border-radius: 2px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    font-weight: normal;
    font-size: 12px;
    min-width: 142px;
    outline: none;
}

    Adjust the values as you please.

    Best regards,
    Ismael

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