Avisos
Vaciar todo

[Resuelto] Tamaño icono individual

8 Respuestas
4 Usuarios
0 Reactions
24 Visitas
Respuestas: 399
Reputable Member
Topic starter
 

Podrían indicarme css para igualar el tamaño del icono al resto? Lo estoy intentando pero no consigo detectar el elemento concreto para ajustarlo. Gracias.

Captura de pantalla 2022 02 16 a las 22.25.29

 

Contenido solo visible a usuarios registrados


 
Respondido : 16/02/2022 9:29 pm
Bruno
Respuestas: 6486
Illustrious Member Moderator
 

Hola Lourdes,

Veo que ya hay estilos CSS aplicados al elemento que deseas que tenga el mismo tamaño que los demás 

image

Podrias probar con cambiar de 80px a 75px que es aproximadamente el tamaño mas acorde según la vista de mi navegador 

.elementor-element.elementor-element-b517148.elementor-icon-list--layout-inline.elementor-list-item-link-full_width.elementor-widget.elementor-widget-icon-list svg {
width: 75px!important;
}
image

Saludos!


 
Respondido : 16/02/2022 9:48 pm
Respuestas: 399
Reputable Member
Topic starter
 

Disculpe! El link a la web está equivocado, es otra marca diferente. La web correcta es https://limontstore.com/


 
Respondido : 16/02/2022 10:21 pm
Bruno
Respuestas: 6486
Illustrious Member Moderator
 

Que tal Lourdes,

No te preocupes, aplicando el mismo principio podríamos usar un código CSS similar

.elementor-2077 .elementor-element.elementor-element-bb8aca6 .elementor-icon-list-icon svg {
width: 75px !important;
}

Sin embargo desde la estructura de la sección debes darle mas espacio a las columnas que contienen los iconos si deseas que se vean todos en una misma linea, ya que actualmente al aumentar el tamaño del ultimo icono quedara abajo

image

Saludos!


 
Respondido : 16/02/2022 10:27 pm
Respuestas: 399
Reputable Member
Topic starter
 

@bruno-vichetti Muchas gracias, y el mismo cambio en la vesión movil?


 
Respondido : 16/02/2022 11:56 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Lourdes,

Verifica con este codigo al final del todo, solo para version movil:

@media screen and (max-width: 468px) {
.elementor-2077 .elementor-element.elementor-element-888b91e .elementor-icon-list-icon svg {
width: 63px !important;
}
}

Nos comentas que tal te va.

Un saludo 🖐️ 


Esta publicación ha sido modificada el hace 4 años por Argenis
 
Respondido : 17/02/2022 12:58 am
Respuestas: 399
Reputable Member
Topic starter
 

@argenis No ha funcionado este cambio


 
Respondido : 18/02/2022 10:12 am
Pepe
 Pepe
Respuestas: 41129
Illustrious Member Admin
 

Hola Lourdes.

Veo que el código que te indico mi compañero es correcto:

Captura de pantalla 2022 02 18 a las 11.27.07

Añade el código en Apariencia -> Personalizar -> CSS Adicional.

 

Un saludo


 
Respondido : 18/02/2022 10:29 am