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

[Felicity McLaughlin]

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

[Andy]

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.

[Author]

Posts