Cambiar color boton...
Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

Cambiar color botones Social Sharing - Tema Elara  

 
Jonas
 Jonas
Estimable Member

Hola a todos espero se encuentren muy bien
el día de hoy escribo porque he actualizado un modulo y por alguna razón los botones para compartir en redes sociales cambio a negro (adjunto captura). agradezco puedan ayudarme a corregirlo

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 14/06/2019 1:35 am
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

Hola Jonas,

Tienes 2 opciones para realizar el cambio:

  1. Opción recomendada. Mediante plugin Add Custom CSS --> https://www.joomlashack.com/blog/joomla/custom-css/
  2. Desde cPanel dirígete a Administrador de Archivos -> public_html -> directorio raíz de tu sitio -> global -> themes -> Elara -> css -> customer.css

Agrega el siguiente CSS:

.socialsharing_product .btn-default {
    background-color: cornsilk !important; //Aquí defines el color
}

Nota: Si optas por la opción 2 primero crea un respaldo del archivo customer.css, tambien es probable que el CSS se sobreescriba y se pierda cuando actualices el tema.

Si quieres cambiar el color reemplaza cornsilk por otro, de preferencia en valor hexadecimal, para obtener el valor hexadecimal puedes visitar esta pagina -> https://htmlcolorcodes.com/es/

Saludos

ResponderCitar
Respondido : 14/06/2019 3:05 am

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

Jonas
 Jonas
Estimable Member

Hola Bulmaro muchas gracias por su respuesta
He probado y funciona perfectamente el cambio de color, lo extraño es que el color que está activo si lo cambio a negro queda por completo en negro es decir el texto también (no se ve la letra en blanco para que se visualice) tal como la foto antes adjunta. de igual manera mil gracias por tu ayuda ojala se pueda solucionar.

ResponderCitar
Respondido : 14/06/2019 6:33 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Actualmente tu sitio esta en mantenimiento y no podemos ver lo que comentas.
Habilita temporalmente tu sitio para verificar y ver el código que se genera y los cambios que serían necesarios.

Saludos.

ResponderCitar
Respondido : 14/06/2019 8:00 pm

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

Jonas
 Jonas
Estimable Member

ok, no lo recordaba, ya ha sido habilitada, para que se pueda visualizar.

mil gracias

ResponderCitar
Respondido : 14/06/2019 8:23 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

En tu archivo:
/global/themes/Elara/css/customuser.css

Elimina el siguiente código:

.socialsharing_product .btn-default{
	background-color: black;
}

Tal como se muestra en la imagen adjunta.

Saludos.

ResponderCitar
Respondido : 14/06/2019 10:45 pm

Jonas
 Jonas
Estimable Member

Hola Jhon mil gracias por tu ayuda!
Lo he hecho pero se queda el fondo blanco y la letra negra (adjunto imagen) estoy tratando fondo negro letra Blanca, es raro que no funcione, supongo que tiene que ver la actualización del modulo. de igual manera si no es posible lo dejaré así por el momento. mil gracias por todo.

ResponderCitar
Respondido : 15/06/2019 7:52 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Jonas.

¿ Lo que quieres es que el botón sea negro y las letras en blanco ?

Añade lo siguiente al archivo customuser.css que encontrarás en al ruta themes -> Elara -> css

.socialsharing_product .btn-default {
    background-color: #181818!important;
    color: #fefefe!important;
}

.socialsharing_product .btn-default:hover {
    background-color: #0b7c7b!important;
    color: #fefefe!important;
}

Espero que sea lo que estabas buscando, de no ser así por favor indícalo para que podamos seguir ayudándote.

Un saludo

ResponderCitar
Respondido : 15/06/2019 8:25 pm

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

Jonas
 Jonas
Estimable Member

Hola Pepe
gracias por tu respuesta funcionó perfectamente 🙂

nuevamente mil gracias.

ResponderCitar
Respondido : 18/06/2019 10:49 pm