Vimeo Icon

Hi,
how can I add the Vimeo icon in Social Icons Module?

Thanks in advance
D

Hi

An image with icons is located here: /templates/gk_startup/images/style1/social_icons.png Please edit it and add vimeo icon there. I'll help You with css code to show it than. Just remember to add a link to Your site when You finish.

Hi,
I did that you said and attach image it.
What must I do now?

Thanks, Diego

hi

Now please edit the module published in "social" position. Be carefull. Make sure You are editing and saving it in a HTML view. Add a code like this:

Code: Select all

<a class="gkVimeo" href="#">Vimeo</a>


and show me Your site than. So I'll tell You the code to show an icon.

Hi

I cannot see Your site after changes in host file. Please ignore this icon display for now and let me know when site will be available under a correct address.

ok, thanks

Hi

Please add this to override.css file, remember to allow using of this file in template settings:

Code: Select all

.gkVimeo {
    color: #363636;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 60px;
    padding: 0 65px 0 48px;
    text-transform: uppercase;
    background-image: url("../images/style1/social_icons.png");
    background-position: 0 -235px;
    transition: background 0.3s cubic-bezier(0.17, 0.67, 0.88, 1.25) 0s, color 0.2s linear 0s;
    -webkit-transition: background 0.3s cubic-bezier(0.17, 0.67, 0.88, 1.25) 0s, color 0.2s linear 0s;
    -moz-transition: background 0.3s cubic-bezier(0.17, 0.67, 0.88, 1.25) 0s, color 0.2s linear 0s;
    -ms-transition: background 0.3s cubic-bezier(0.17, 0.67, 0.88, 1.25) 0s, color 0.2s linear 0s;
    -o-transition: background 0.3s cubic-bezier(0.17, 0.67, 0.88, 1.25) 0s, color 0.2s linear 0s;
}

.gkVimeo:active,
.gkVimeo:focus,
.gkVimeo:hover {
    background-position: 0 -533px;
    color: #F7693B;
}


Hi,
I add your override.css file, but the operation is not correct. I want to see only tree social icon (twitter, fb and vimeo)
May you do something?
http://www.deca-associati.it

thanks

Hi

Looks like You've added this code ot override in template settings. I've meant it to be a part of the override.css file, so right now it's pointing to the wrong location of an image. Please move it to override.css file.