How to add a button?

  • Unknown's avatar
    themathclasses · Member ·

    How do I add a button eg. ‘click here’ which will directed to another page when users click that button? I would like to place the button on the featured image, like the button found on Shoreditch. I’m using Shoreditch theme.
    Thank you.

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

  • Unknown's avatar
    shubhamgmath · Member ·

    Hi themathclasses

    To add Button to your post or pages you just need to add the code in HTML editor you can take the example of the below code : 

    <a href="https://shoreditchdemo.wordpress.com/" class="button">Button</a>

    This code will help you to create a button on click of which user will be redirected to https://shoreditchdemo.wordpress.com/

    To know more about how to add button please refer to the link below:
    https://en.support.wordpress.com/beginning-html/how-to-make-a-call-to-action-button/

    To know more about your theme features you can read out the Theme overview page mainly the extra section in the below link for the button issue:
    https://wordpress.com/theme/shoreditch

    Hope this helps, feel free to ask.

  • Unknown's avatar
    themathclasses · Member ·

    Thank you. But it doesn’t have a border around the word of the button. May I know how to create a border ard the botton and Color the button? Tks

  • Unknown's avatar
    shubhamgmath · Member ·

    Hi themathclasses

    May I know how to create a border and the botton and Color the button

    – To do that you need to add Custom CSS code to your site. To know more about how to add Custom CSS here is the quick guide for that:
    https://en.support.wordpress.com/custom-design/editing-css/

    If you have added the above code for a button with class button then below CSS code can make it out:

    .button{
border : 1px solid black;
background-color : grey;
}

    The above code should work if the class is named as button. If you are getting issues then please let me know the exact link where you have applied the button i will give you the code for that

    Additionally, Custom CSS can only be added if a User account is under Premium or Business Plan. To know more about the plans please visit the below link:
    https://wordpress.com/pricing/

    Hope this helps, feel free to ask

  • kathrynwp · Staff ·

    I would like to place the button on the featured image, like the button found on Shoreditch

    To get the border-button look, like the one on the Shoreditch demo, you’ll need to add two classes, like this:

    <a class="button minimal" href="https://shoreditchdemo.wordpress.com">Button</a>

    There’s no need for custom CSS.

    Let us know how it goes.

  • The topic ‘How to add a button?’ is closed to new replies.