mzambranaa
10/19/2017 - 8:03 AM

Follow - Share - Lateral

Follow - Share - Lateral

/*FOLLOW*/
a.follow-link-googleplus{
    background-image: url('../images/mobile/social/google.png');
}
a.follow-link-googleplus:hover{
    background-color: #D73D32;
}
a.follow-link-linkedin{
    background-image: url('../images/mobile/social/linkedin.png');
}
a.follow-link-linkedin:hover{
    background-color: #0177B5;
}
a.follow-link-facebook{
    background-image: url('../images/mobile/social/facebook.png');
}
a.follow-link-facebook:hover{
    background-color: #3B5998;
}
a.follow-link-twitter{
    background-image: url('../images/mobile/social/twitter.png');
}
a.follow-link-twitter:hover{
    background-color: #5EA9DD;
}
a.follow-link-youtube{
    background-image: url('../images/mobile/social/youtube.png');
}
a.follow-link-youtube:hover{
    background-color: #e52d27;
}


/*SERVICE LINKS*/
.service-links li a{
    width: 35px;
    height: 35px;
    background-color: #2E2E2E;
    display: block;
}
.service-links li a.service-links-facebook:hover{
    background-color: #3B5998;
}
.service-links li a.service-links-google-plus:hover{
    background-color: #D73D32;
}
.service-links li a.service-links-twitter:hover {
    background-color: #5EA9DD;
}
.service-links li a.service-links-forward:hover{
    background-color: #BBBBBB;
}



/*block follow secundario*/
.blk-follow-site-secundario{
    position: fixed;
    left: 0;
    bottom: 25px;
    padding:0;
    margin:0;
    z-index: 85;
}
a.follow-link {
    margin: 0;
    background-repeat: no-repeat;
    background-size: 40px;
    width: 40px;
    height: 40px;
    background-color: #2E2E2E;
    margin: 0 1px 1px 0 ;
}

.blk-follow-site-secundario a.follow-link {
    display: block;
    clear: both;
    background-size: 45px;
    width: 45px;
    height: 45px;
}

/*Share*/
.service-links{
    position: fixed;
    left: 0;
    bottom: 25px;
    padding:0;
    margin:0;
    z-index: 85;
    clear: none;
    float: none;
    width: 40px;
    border-top: 0;
    border-bottom:0;
}
.service-links .service-label{
    display: none;
}

.service-links ul{
    padding:0;
    margin: 0;
}
.service-links li a{
    width: 40px;
    height: 40px;
    margin-bottom: 1px;
}
.service-links li img{
    width: 40px;
    height: 40px;
}
Eliminar las linieas de css del block secundario existentes.

.blk-follow-site-secundario

Services links - Substituir las imagenes de la carpeta 

sites\default\files\service_links

modificar también los nombres.