ayuda iconos whatsapp y telefono juntos

[Antonio.Porras]

Buenas tardes amigos.

necesito vuestra ayuda, he insertado el icono de whatsapp al lado del icono del Tlf. tanto en la cabecera de web como en el footer.

en la cabecera ha quedado asi icono whatsapp icono tlf. llama ahora tlf.

bien el problema que tengo es que al intentar cambiar el color se cambian los dos iconos como tengo que hacer para separar el icono whatsapp del telf. imagino que sera entrando en archivo css del modulo pero no se que regla debo escribir.

si os interesa os dejo como lo he insertado en el archivo nav.tpl

 

<div id="contact-link" {if isset($is_logged) && $is_logged} class="is_logged"{/if}>

<a href="{$link->getPageLink('contact', true)|escape:'html':'UTF-8'}" title="{l s='Contact us' mod='blockcontact'}">{l s='Contact us' mod='blockcontact'}</a>

</div>

{if $telnumber}

<span class="shop-phone{if isset($is_logged) && $is_logged} is_logged{/if}">

<i class="icon-whatsapp"></i><i class="icon-phone"></i>{l s='Call us now:' mod='blockcontact'} <strong>{$telnumber}</strong>

</span>

{/if}

 

Gracias por la ayuda.

[nadie]

Buenas tardes amigos.

necesito vuestra ayuda, he insertado el icono de whatsapp al lado del icono del Tlf. tanto en la cabecera de web como en el footer.

en la cabecera ha quedado asi icono whatsapp icono tlf. llama ahora tlf.

bien el problema que tengo es que al intentar cambiar el color se cambian los dos iconos como tengo que hacer para separar el icono whatsapp del telf. imagino que sera entrando en archivo css del modulo pero no se que regla debo escribir.

si os interesa os dejo como lo he insertado en el archivo nav.tpl

 

<div id="contact-link" {if isset($is_logged) && $is_logged} class="is_logged"{/if}>

<a href="{$link->getPageLink('contact', true)|escape:'html':'UTF-8'}" title="{l s='Contact us' mod='blockcontact'}">{l s='Contact us' mod='blockcontact'}</a>

</div>

{if $telnumber}

<span class="shop-phone{if isset($is_logged) && $is_logged} is_logged{/if}">

<i class="icon-whatsapp"></i><i class="icon-phone"></i>{l s='Call us now:' mod='blockcontact'} <strong>{$telnumber}</strong>

</span>

{/if}

 

Gracias por la ayuda.

Cambiar Color del Icono whatsapp en todos los lados, añade en el css la regla:

 

 .icon-whatsapp {
    color: codigo_de_color;
}

Color solo para el icono de whatsapp en la cabecera:

 

#header  .icon-whatsapp {
    color: codigo_de_color;
}

[Antonio.Porras]

Gracias por responder tan rapido.

imagino que te refieres a colocarlo en en el css del modulo.

por que lo hago y no me deja de hecho con el editor crome me sale con una raya como si hubiera una regla por encima que le une a icon del tlf que es al que obedece si ese le cambio de color cambian los dos.

 

[nadie]

Gracias por responder tan rapido.

imagino que te refieres a colocarlo en en el css del modulo.

por que lo hago y no me deja de hecho con el editor crome me sale con una raya como si hubiera una regla por encima que le une a icon del tlf que es al que obedece si ese le cambio de color cambian los dos.

Yo he añadido esto:

#header  .icon-whatsapp {
    color: codigo_de_color;
}

en el fichero:

/themes/default-bootstrap/css/modules/blockcontact/blockcontact.css

Y sin problema.