Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • November 3, 2015 at 12:07 pm #529118
    bakbek

    Hi, how can I make my contact buttons – http://screencast.com/t/BDxeJmUhk37t – look and work the same as the buttons in the blog post element – http://screencast.com/t/jHpwBQhAwD

    The contact buttons should be green color, blue on over, with round edges and same size as the blog post element read more button.

    Thanks.

    November 3, 2015 at 3:38 pm #529334
    Elliott

    Hey DROR!

    Add this to your custom CSS.

    .wpcf7-form-control { background: green !important; border-radius: 2px !important; }

    Regards,
    Elliott

    November 3, 2015 at 3:43 pm #529345
    bakbek

    That made the background of all form fields become green. I only want the submit button to be green and blue on hover.

    November 3, 2015 at 4:39 pm #529438
    Elliott

    Hi!

    Sorry, switch it to this.

    .wpcf7-submit { background: green !important; border-radius: 2px !important; }

    Regards,
    Elliott

    November 3, 2015 at 4:41 pm #529442
    bakbek

    Thanks, what about making it #2846aa on hover only? How can I add that?

    November 4, 2015 at 8:22 am #529773
    Rikard

    Hi,

    Try this: 

    .wpcf7-submit:hover { 
background: #2846aa !important;
}

    Best regards,
    Rikard

    November 4, 2015 at 10:12 am #529831
    bakbek

    Thanks

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘How to change contact button look?’ is closed to new replies.