Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • December 8, 2014 at 10:39 am #364524
    djshortkut

    1. Can you please provide me with some Quick CSS to make all of the “Submit Buttons” on the contact forms look like the transparent button I have highlighted on the attached image? Here is the code I used:

    .transparent-button a.avia-button {
background: transparent !important;
border: 2px solid #188ece !important;
}

.transparent-button a.avia-button { color: #188ece; }

    2. Is there a way to make it so when the user hovers over these transparent buttons the background of the button changes to #188ece and the text changes to white? So it works similar to the way these transparent buttons work http://us-themes.com/demo/?theme=ImprezaWP

    Thanks in advance!

    December 9, 2014 at 12:25 am #365071
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .avia_ajax_form input.button {
    color: #188ece !important;
    background: transparent !important;
    border: 2px solid #188ece !important;
}

.avia_ajax_form input.button:hover {
    color: white !important;
    background: #188ece !important;
}

    Cheers! 
    Josue

    December 9, 2014 at 1:07 am #365089
    djshortkut

    Thank you so much! Resolved.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Buttons’ is closed to new replies.