Adding call to action button

  • laurentidedog

    (@laurentidedog)


    9 years, 3 months ago

    website is here: http://s667998890.onlinehome.us/

    At the bottom of the first section, I want to add a call to action button that shoots the user down to the contact form at the bottom. The navigation aspect works fine. I can’t figure out how to make the button display properly. I want the button to match the button on the contact form.

    I have tried defining my own CSS (how I’ve done it in other themes) and it still shows up oddly. <button>Button</button> displays the button properly, but isnt’ a hyper link.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Kathryn Presner

    (@zoonini)

    9 years, 3 months ago

    I wrote a guide to making a call to action button:

    https://dailypost.wordpress.com/2017/01/11/call-to-action/

    You’ll want to use the second method, described in the section called “Custom CSS button styles.” Put the CSS portion of the code in your custom CSS editor – looks like you’re already using one – and adjust it as needed.

    Let me know how it goes.

    emopointnet

    (@emopointnet)

    9 years, 3 months ago

    Hi, you can also simply include your button in an hyperlink :

    <a href="http://example.com/"><button>CTA</button></a>

    • This reply was modified 9 years, 3 months ago by emopointnet.
    Moderator Kathryn Presner

    (@zoonini)

    9 years, 3 months ago

    Yep, my tutorial uses the anchor link. 🙂 You don’t need the <button> code as well, and I wouldn’t recommend it, since it’s not actually an HTML form button, it’s just a link when used like this.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Adding call to action button’ is closed to new replies.

Tags