Cambiar color boton...
 
Avisos
Vaciar todo

Cambiar color botones Social Sharing - Tema Elara

9 Respuestas
4 Usuarios
0 Reactions
200 Visitas
Jonas
Respuestas: 203
Estimable Member
Topic starter
 

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


 
Respondido : 14/06/2019 12:35 am
Bulmaro
Respuestas: 4380
Famed Member 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


 
Respondido : 14/06/2019 2:05 am
Jonas
Respuestas: 203
Estimable Member
Topic starter
 

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.


 
Respondido : 14/06/2019 5:33 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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.


 
Respondido : 14/06/2019 7:00 pm
Jonas
Respuestas: 203
Estimable Member
Topic starter
 

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

mil gracias


 
Respondido : 14/06/2019 7:23 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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.


 
Respondido : 14/06/2019 9:45 pm
Jonas
Respuestas: 203
Estimable Member
Topic starter
 

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.


 
Respondido : 15/06/2019 6:52 pm
Pepe
 Pepe
Respuestas: 41110
Illustrious Member 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


 
Respondido : 15/06/2019 7:25 pm
Jonas
Respuestas: 203
Estimable Member
Topic starter
 

Hola Pepe
gracias por tu respuesta funcionó perfectamente 🙂

nuevamente mil gracias.


 
Respondido : 18/06/2019 9:49 pm