Social Icon and button color

Hi,

2 questions:

1) How do I change the social icons on the front page (header 3). I'd like to add an instagram icon instead of the facebook icon.

2) How do I change the colors of the buttons? I'm using style 3.

Screen shots attached.

Thanks,
Jake

Hi,

Regarding your issues:

1) PLease change the header content and replace this line:

Code: Select all

<i class="fa fa-facebook"></i>


with:

Code: Select all

<i class="fa fa-instagram"></i>


2) Please add the following code into Mo/css/override.css file (first enable this override option from template options -> Advanced tab) or use some plugin with cusotm css:

Code: Select all

.button.color1 {
   background-color: #464960;
}


and change the colro value to your own.

Thank you,

Is there a way to maintain the hover effect for the buttons?

When I added the code to the override css the hover effect dissapeared.

Also, how do I change the margin for the buttons? I would like to move them closer to the text.

Thanks,
Jake

Could you please provide me with a URL to your site with these buttons, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it?

Add also this code:

Code: Select all

.button.color2:hover,
.button.color2:active,
.button.color2:focus {
   background-color: #5c565e
}

.box.centered p > .button.color2 {
    margin: 15px 0;
}


Awesome! Thanks