Cambiar iconos en plantilla de productos WooCommerce

  • Autor Autor rikrdomat
  • Fecha de inicio Fecha de inicio
R

rikrdomat

Gamma
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hola, espero me puedan ayudar.

Tengo esta web con esta plantilla de productos de woocommerce:

Necesito cambiar los iconos de Duration, Max People, Min Age, Pickup, y el del avioncito en el form del booking.
Para ser honestos solo me muevo con elementor pero la página de productos como tal no la puedo modificar con elementor y no hay una manera sencilla de hacerlo, la manera de cambiar los de Duration, Max People, Min Age, Pickup es por acá:

1703220037951.webp


Pero no me gustan los iconos que están cargados, intenté subir unos con icomoon y pude hacer esto:

1703220336736.webp


Pero al colocar la clase en el campo de edición del producto no me carga ninguno de los iconos que subí, entonces no sé si debo subir una hoja de estilos o algo así que ya sería demasiado complicado para mi, aunque ya la subí pero inventando, y no me dió resultados, entonces no sé si hay una manera más sencilla de poderlo modificar.

El icono del avioncito del form, si no veo ninguna manera donde modificarlo.
Gracias
 
Si no tiene "agregar css", puedes crear por ejemplo un iconos.css y agregarle tus iconos a tu codigo y con !important y con font-size le cambias el tamaño y con color el color

.icomoon-calander::before {
content: "\263B" !important;
font-size:33px;
color:#0EBEFF;
}
.icomoon-people::before {
content: "\273F" !important;
}
.icomoon-profile-circle::before {
content: "\2764" !important;
}
.icomoon-location::before {
content: "\266B" !important;
}

 
Atrás
Arriba