How to add Call-to-Action button on banner

  • Unknown's avatar
    ykcontracting · Member ·

    Hello, I am using the port theme and I’m looking to add a call to action button to lead to my contact information. how does one go about doing so?

    The blog I need help with is: (visible only to logged in users)

  • epoolman · Staff ·

    Hi ykcontracting!

    If you go to Appearance → Customize → Homepage you can add an HTML a tag to the Secondary Banner Text field and giving it the button class.

    This is how your HTML a tag should look like that you will enter into the Secondary Banner Text field:

    <a href="your-url-goes-here" class="button">This is a Button</a>

    You can set the color of your button with some inline CSS like this:

    <a href="your-url-goes-here" class="button" style="background:#46adb1;">This is a Button</a>

    Replace your-url-goes-here with the link to a page you have created with your contact details on.

    You can read more about setting up your theme here –
    https://wordpress.com/theme/port/setup/

  • kathrynwp · Staff ·

    Thanks for helping out, epoolman!

    You can set the color of your button with some inline CSS like this:

    Rather than using inline CSS, custom CSS is a better option. Check out our guide to making call-to-action buttons here:

    https://en.support.wordpress.com/beginning-html/how-to-make-a-call-to-action-button/

    If you need further help, just let us know.

    Also just a heads-up that since your site has a Premium plan, you’re entitled to live-chat and email support, accessible here:

    https://wordpress.com/help/contact

    You’re welcome to still post in these forums, but those other support avenues may be faster, and you’ll always get a staff reply.

  • The topic ‘How to add Call-to-Action button on banner’ is closed to new replies.