[Resuelto] Problema Colores  

El cambio que me queda pendiente es el siguiente: cuando pasas en ratón por encima de esta parte como se puede ver en el vídeo necesito que en vez de anaranjado se vea #520100

Que tal Rafael, 

Por un lado la pagina parece que la has colocado en modo mantenimiento, por lo que no podemos ver los ajustes que has realizado en la sección que comentas

Por otro lado vi lo que has comentado 

¿crees que se pueda recrear con html cambiando este problema?

Esto resultaría considerablemente mas trabajoso incluso contando con los conocimientos necesarios, por lo que lo ideal es seguir utilizando los bloques que te proporciona el propio editor

Saludos!

@bruno-vichetti acabo de quitar el modo mantenimiento para que pueda verlo

Hola Rafael, 

Lamento insistir pero la web sigue estando en modo mantenimiento

Puedes verificar en ventana incógnita?

Saludos!

@bruno-vichetti disculpame, ahora si está abierta . 

Hola Rafael.

Si añades ese fondo los iconos no se verán ya que tienen el mismo color de fondo, puedes utilizar lo siguinete:

.color_style_link2 a:hover {
background:#520100!important;
}

El problema viene porque ese bloque esta creado en un modulo HTML y el color del icono se establece en línea (con style="color:..."), y eso tiene prioridad sobre cualquier regla CSS externa.

Lo mejor seria modificar el HTML eliminado ese estilo, por ejemplo:

<div class="sc_icons_icon sc_icon_type_ icon-shooting">
<span class="sc_icon_type_ icon-shooting"></span>
</div>

Y luego con CSS modificar los colores del icono:

.sc_icons_icon.icon-shooting,
.sc_icons_icon.icon-shooting .icon-shooting {
color: #520100; /* Color normal */
transition: color 0.3s ease;
}

.sc_icons_icon.icon-shooting:hover,
.sc_icons_icon.icon-shooting:hover .icon-shooting {
color: #fefefe; /* Color al hacer hover */
}

Un saludo

@pepesoler sería tan amable de marcarme en color lo que tengo q cambiar del html y por que lo sustituyo ? 

Hola Rafael, 

En este caso veo duplicaste la sección, prueba añadir el siguiente código  CSS en el apartado de Apariencia → Personalizar → CSS Adicional y revisa si se aplica

.sc_icons_divider3.color_style_link2 .sc_icons_item:hover {
background-color: #520100 !important;
}
.sc_icons_divider3 .sc_icons_item:hover .sc_icons_icon {
color: var(--theme-color-inverse_link) !important;
}
.sc_icons_divider3.color_style_link2 .sc_icons_item:hover .sc_icons_item_title {
color: #ffffff !important;
}

Ten en cuenta que anteriormente tenías este código CSS añadido .sc_icons_divider3.color_style_link2 .sc_icons_item:hover eliminar primero ese bloque y añade el que te comparto. 

Verifícalo y nos comentas como va todo

Un Saludo 

Muchas Gracias ahora si ha quedado . 

Un saludo

Hola Rafael, 

Enhorabuena ha funcionado, es un placer para nosotros siempre poder ayudarte. 

No dudes en escribirnos si tienes cualquier otra consulta. 

PD: Si es posible puedes dejarnos una valoración sobre nuestras respuestas. 

Un Saludo 😊 

Hola buenas, tengo varias páginas que tienen un espaciador al principio de la pagina que me gustaría quitar, entiendo que es por defecto . Qué css sería y donde tendría que colocarlo para deshacerme de el en el resto de páginas ?  o si por el contrario hay algún ajuste destro del panel de worpress que permita hacer esto .

este es el código que sale en la parte de inspeccionar cuando se pone uno sobre él 

Hola Rafael.

Por favor crea una nueva consulta, no es bueno anidar consultas que sean de temas diferentes en una misma consulta.
En estos casos, es mejor que si son temas diferentes crees consultas separadas para que podamos realizar un mejor seguimiento a tus dudas o errores.
De esta forma mantenemos un orden en el Foro y nos ayudas a nosotros en el trabajo, aparte te resultará más fácilmente encontrar las consultas de un tema si lo necesitas más adelante.

Cuando abras la consulta adjunta una URL de una de las paginas para que podamos revisarlo.

Un saludo