Navigation
Archive / Custom button shape
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • November 7, 2016 at 12:19 pm #1247467
    newskywebsites
    Participant

    Is it possible to use a custom file/shape for buttons site wide? I am building a site for a craft store and they would like something like the attached graphic used for their button backgrounds. In other words, it will be the background and have text on it. Also would need a hover effect so people can tell it’s a button.

    It’s for http://newsite.benfranklincraftswi.com/ – using latest version of WP, X Theme, Cornerstone and Child theme. Please keep in mind with your answer that I’m not a coder, just a designer (dummy it down.) 🙂

    Thanks!
    Dawn

    November 7, 2016 at 1:46 pm #1247584
    Joao
    Moderator

    Hi Dawn,

    Would be the best to create your buttons as images and it as an image to your website and after we can do a hover effect according to your wishes.

    Let us know your toughts.

    Thanks

    Joao

    November 7, 2016 at 1:52 pm #1247588
    newskywebsites
    Participant

    Oh my gosh, so obvious. What was I thinking? Of course!! Thanks!

    November 7, 2016 at 1:53 pm #1247591
    newskywebsites
    Participant

    The only problem with that of course is with gravity forms. The buttons there would be normal rectangles. Is there a way to make the buttons in forms an image? Or is that a question for GF?

    Thanks,
    Dawn

    November 7, 2016 at 5:07 pm #1247787
    Darshana
    Moderator

    Hi there,

    The following plugin may help you on this (https://wordpress.org/plugins/customize-submit-button-for-gravity-forms/).

    Hope that helps.

    November 11, 2016 at 11:35 am #1253546
    newskywebsites
    Participant

    Thanks, I found a place to use an image in Gravity forms, so that’s no problem. Thanks for your help.

    November 11, 2016 at 1:35 pm #1253660
    Joao
    Moderator

    Glad to hear it

    Joao

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1247467 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>