Cambiar icono demov...
Avisos
Vaciar todo

Cambiar icono demovideo por imagen  

 
FRANCISCO
 FRANCISCO
Reputable Member

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

Citar
Respondido : 17/12/2016 9:25 am
Pepe
 Pepe
Soporte CMS Webempresa Moderator

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

ResponderCitar
Respondido : 17/12/2016 10:20 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

FRANCISCO
 FRANCISCO
Reputable Member

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

ResponderCitar
Respondido : 17/12/2016 11:21 am
Pepe
 Pepe
Soporte CMS Webempresa Moderator

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

ResponderCitar
Respondido : 17/12/2016 12:19 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

FRANCISCO
 FRANCISCO
Reputable Member

vídeo añadido módulo POPUP DEMOVIDEO

ResponderCitar
Respondido : 17/12/2016 12:36 pm
FRANCISCO
 FRANCISCO
Reputable Member

ADJUNTO IMAGEN

ResponderCitar
Respondido : 17/12/2016 12:38 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Pepe
 Pepe
Soporte CMS Webempresa Moderator

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

ResponderCitar
Respondido : 17/12/2016 2:37 pm
FRANCISCO
 FRANCISCO
Reputable Member

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)

ResponderCitar
Respondido : 18/12/2016 4:41 am

Cursos Gratuitos WordPress

Pepe
 Pepe
Soporte CMS Webempresa Moderator

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;
}
ResponderCitar
Respondido : 18/12/2016 9:40 am
FRANCISCO
 FRANCISCO
Reputable Member

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

Cierro el tema

ResponderCitar
Respondido : 18/12/2016 10:05 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Pepe
 Pepe
Soporte CMS Webempresa Moderator

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

ResponderCitar
Respondido : 18/12/2016 10:16 am