Cambiar icono demov...
 
Avisos
Vaciar todo

Cambiar icono demovideo por imagen

11 Respuestas
2 Usuarios
0 Reactions
651 Visitas
Respuestas: 274
Reputable Member
Topic starter
 

Quiero cambiar el icono de videopopup por una imagen (adjunto archivo), he leido que la modificación sería:
content: "f07a"; POR
content:url(../img/tu-imagen.png)
por lo que en mi caso como sería y donde está el archivo del icono a modificar?
LA IMAGEN LA HE PUESTO EN
/mensaprex.com/themes/Cilene/img/servicio-urbano.jpg

Gracias

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 17/12/2016 9:25 am
Pepe
 Pepe
Respuestas: 41097
Illustrious Member Admin
 

Hola Francisco.

.- Edita el archivo customuser.css que encontraras en ' themes/Cilene/css/customuser.css
.- Añade el siguiente código al archivo:

.icon-facetime-video::before {
content:url("http://www.mensaprex.com/themes/Cilene/img/servicio-urbano.jpg");
}

un saludo


 
Respondido : 17/12/2016 10:20 am
Respuestas: 274
Reputable Member
Topic starter
 

Perfecto,
Sería posible centrar el texto? VÍDEO DEL SERVICIO Y PONERLO ESTILO BOTÓN?


 
Respondido : 17/12/2016 11:21 am
Pepe
 Pepe
Respuestas: 41097
Illustrious Member Admin
 

Hola Francisco.

¿ Como estas añadiendo el vídeo ? ¿ Utilizas algún modulo o lo estas añadiendo en HTML ?
Si lo estas añadiendo a mano, ¿ Puedes adjuntarnos en un archivo txt el código que estas añadiendo ?

Un saludo


 
Respondido : 17/12/2016 12:19 pm
Respuestas: 274
Reputable Member
Topic starter
 

vídeo añadido módulo POPUP DEMOVIDEO


 
Respondido : 17/12/2016 12:36 pm
Respuestas: 274
Reputable Member
Topic starter
 

ADJUNTO IMAGEN


 
Respondido : 17/12/2016 12:38 pm
Pepe
 Pepe
Respuestas: 41097
Illustrious Member Admin
 

Hola Francisco.

Prueba añadir este código al archivo custom de tu plantilla:

 .fancybox-media b {
    font-size: 2rem;
    background-color: #3698B7;
    padding: 5px;
    color: #fefeef;
}

.fancybox-media b:hover {
    font-size: 2rem;
    background-color: #5C6061;
    padding: 5px;
    color: #fefeef;
}

Un saludo


 
Respondido : 17/12/2016 2:37 pm
Respuestas: 274
Reputable Member
Topic starter
 

El archivo custom es lo mismo que customuser? Lo he pegado en customuser.css y se ve bien pero no centrado en relación a la imagen (mando imagen)


 
Respondido : 18/12/2016 4:41 am
Pepe
 Pepe
Respuestas: 41097
Illustrious Member Admin
 

Hola Francisco.

El archivo custom es lo mismo que customuser?
Si, lo siento la costumbre y di por echo que ya sabias de que archivo hablábamos :unsure:

Añade lo siguiente al archivo customuser :

.fancybox-media b {
    position: absolute;
    margin-top: 3rem;
}

 
Respondido : 18/12/2016 9:40 am
Respuestas: 274
Reputable Member
Topic starter
 

Buenos días,
Gracias, ahora queda muchísimo mejor

Cierro el tema


 
Respondido : 18/12/2016 10:05 am
Pepe
 Pepe
Respuestas: 41097
Illustrious Member Admin
 

Hola Francisco.

Me alegra que fuera lo que buscabas 😉
Para cualquier duda o aclaración cuenta con nosotros, ¡estamos aquí para ayudarte!

Cerramos el tema.

PD: muchas gracias por tu valoración es importante para nosotros saber cuando hacemos las cosas bien y cuando no estamos acertados para poder mejorarlo.

Un saludo


 
Respondido : 18/12/2016 10:16 am