Avisos
Vaciar todo

[Resuelto] Tamaño icono individual  

 
Lourdes
 Lourdes
Reputable Member

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
 Bruno
Soporte CMS Webempresa 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

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

Lourdes
 Lourdes
Reputable Member

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
 Bruno
Soporte CMS Webempresa 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

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

Lourdes
 Lourdes
Reputable Member

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

Respondido : 16/02/2022 11:56 pm
Argenis
 Argenis
Soporte CMS Webempresa 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 3 meses por Argenis
Respondido : 17/02/2022 12:58 am

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

Lourdes
 Lourdes
Reputable Member

@argenis No ha funcionado este cambio

Respondido : 18/02/2022 10:12 am
Pepe
 Pepe
Soporte CMS Webempresa 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

Cursos Gratuitos WordPress