Social Icon and button color

February 2014 WordPress Theme
GK User
Sun Feb 08, 2015 10:15 pm
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
User avatar
Fresh Boarder

GK User
Sun Feb 08, 2015 11:43 pm
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.
User avatar
Moderator

GK User
Sun Feb 15, 2015 4:58 am
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
User avatar
Fresh Boarder

GK User
Mon Feb 16, 2015 8:38 am
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?
User avatar
Moderator

GK User
Wed Mar 04, 2015 9:34 am
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;
}
User avatar
Moderator

GK User
Wed Mar 04, 2015 9:50 am
Awesome! Thanks
User avatar
Fresh Boarder


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.