Avisos
Vaciar todo

Hola me podrían ayudar con unos cambios css

8 Respuestas
5 Usuarios
0 Reactions
30 Visitas
Respuestas: 256
Reputable Member
Topic starter
 

Hola buen día, no he podido lograra hacer los siguientes cambios:

Pagina: https://www.mercadoautoschile.cl/categorias-menu/

Los recuadros blancos, en version mobile, no se adaptan bien, me gustaría que se mantuvieran todos los recuadros, al igual que en la version escritorio, adjunto imagen primera de como se muestra en escritorio y la segunda en mobile.

Captura de Pantalla 2021 02 02 a la(s) 03.01.27
Captura de Pantalla 2021 02 02 a la(s) 03.02.27

A los recuadros les tengo un hover que da un color celeste claro, me gustaría poder cambiar el color del titulo y del icono al hacer hover por el recuadro mismo... Adjunto imagen

Captura de Pantalla 2021 02 02 a la(s) 03.04.51

 

 

Contenido solo visible a usuarios registrados


 
Respondido : 02/02/2021 6:18 am
Bulmaro
Respuestas: 4380
Famed Member Moderator
 

Hola Carlos,

Agrega el siguiente código CSS desde Apariencia -> Personalizar -> CSS Adicional:

@media only screen and (max-width: 600px) {
.elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-icon{
float: right !important;
}}

Saludos 🙂


 
Respondido : 02/02/2021 6:57 am
Respuestas: 256
Reputable Member
Topic starter
 

Hola gracias me ha funcionado el código, lo que si me queda el icono no centrado, adjunto imagen, es posible que pueda quedar el icono centrado?

Sobre la otra segunda consulta anterior sobre el hover, podrías

Captura de Pantalla 2021 02 02 a la(s) 13.25.51

ayudarme con eso porfavor.

Gracias por su tiempo... 🙂


 
Respondido : 02/02/2021 4:29 pm
Karen Rios
Respuestas: 18684
Illustrious Member Moderator
 

Hola Carlos,

Al ingresar al sitio solo veo que están movido por unos pequeño espacio, prueba si el siguiente código te permite ubicarlo donde necesitas

@media only screen and (max-width: 600px) {

.elementor-icon i, .elementor-icon svg {
margin-top: 5px;
}

}

Un Saludo

 


 
Respondido : 02/02/2021 4:39 pm
Respuestas: 256
Reputable Member
Topic starter
 

Quedo perfecto muchas gracias 🙂

Podrías ayudarme con la consulta del hover, la vuelvo a escribir:

A los recuadros les tengo un hover que da un color celeste claro, me gustaría poder cambiar el color del titulo y del icono al hacer hover por el recuadro mismo... Adjunto imagen, me explico al pasar el mouse por el recuadro se active el color de icono y texto.

Captura de Pantalla 2021 02 02 a la(s) 03.04.51

Gracias por su tiempo.


 
Respondido : 02/02/2021 5:14 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Podrías probar con el siguiente código para cambiar el color del texto cuando pasa el mouse:

.elementor-widget-container:hover .elementor-icon-box-wrapper .elementor-icon-box-title{
color:red!important;
}

Cambia red por algún código de color.

Sin embargo para el ícono no será posible porque es una imagen (un svg específicamente)

Saludos.


 
Respondido : 02/02/2021 5:44 pm
Respuestas: 256
Reputable Member
Topic starter
 

Agradezco a todos los que me ayudaron, me sirvieron todos sus códigos, gracias al mejor soporte 🙂


 
Respondido : 02/02/2021 7:33 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Carlos,

Encantados de poder ayudarte 😀  , nos pone muy contentos que nuestros clientes estén felices con nuestro trabajo. 😊  

¿Te importaría dedicarle un minuto a dejarnos una reseña / opinión en TrustPilot, Facebook o Google, lo que te vaya mejor?

TrustPilot:  https://es.trustpilot.com/evaluate/webempresa.com

Facebook:  https://www.webempresa.com/testimonio-facebook

Google:  https://www.webempresa.com/testimonio-google

Nos ayudaría a que otr@s usuarios se decidan por nosotr@s si saben lo que nos decís.

Gracias de parte de todo el equipo. 😎


 
Respondido : 02/02/2021 7:43 pm