Home Forums Trusted How to change size & add other buttons to the call to action section home page

This topic contains 1 reply, has 2 voices, and was last updated by  Andy 5 days, 14 hours ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #2275

    Felicity McLaughlin
    Participant

    Hi there,

    I am trying to alter the call to action section on the home page and cannot work out how to either change the size of the call to action button (it’s too large and looks unprofessional).  Also, can I add in more than two buttons (e.g. at the moment it only has contact us and mobile number).  What I want to add is my social media links.

    thanks

    felicity

    #2276

    Andy
    Keymaster

    Hi Felicity

    To change the size of the button, add this in Appearance > Customize > Additional CSS:

    #cta-section a.button {
    font-size: 18px;
    padding: 10px 20px;
    }

    change the font size and the padding to the values you need to make it smaller.

    Social media icons can be added to the ‘Excerpt’ of the page you selected for the button link.
    It requires a little bit of html markup to add icons in the excerpt area, example:
    <a href="http://facebook.com/link-to-my-fb-page"><i class="fa fa-facebook"></i></a>
    change facebook (the part after fa fa-) to the icon you wish to show and also the link to your social media profile, example:
    <a href="http://twitter.com/mytwitterhandle"><i class="fa fa-twitter"></i></a>

    You can use any of the these FontAwesome icons.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.