Woocommerce  

Página 1 / 2
 
javier
 javier
Usuario experto

Hola! Utilizo Woocommerce y el tema Storefront para construir mi web.

Cuando pincho en el logo o pincho en los botones fijos que aparecen en la versión movil (buscar cuenta y carrito) Estos cambian de color (azul) y aparece un recuadro (énfasis?). Y si pincho en las páginas del menú principal pasa lo mismo. No me gusta.

Preferiría que no apareciese el recuadro y que este no se rellenara de ningún color, que se quedará tal cual, sin cambiar de color

Citar
Respondido : 03/05/2020 1:08 am
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

Hola Javier, 

Prueba si on siguiente CSS es suficiente, caso contrario indícamelo así como qué le estaría faltando para que la vista de estilos se adapte a tu elección.

li.search a:focus{ 

outline: 0px !important;

}

Saludos 🙂

ResponderCitar
Respondido : 03/05/2020 4:51 am

Cursos Gratuitos WordPress

javier
 javier
Usuario experto

Hola! He añadido el CSS con el plugin CSS y js personalizado y no ha funcionado. Sigue apareciendo un color de relleno y el recuadro cuando pincho en los enlaces. Cambian cuando pincho. He puesto enlaces porque yo creo que son enlaces, y no botones como te dije en el primer correo.

Gracias

 

ResponderCitar
Respondido : 03/05/2020 10:08 am
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Prueba quitando el outline de todos los elementos con el siguiente código:

a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus{
outline: none;
}

Para agregar este código puedes hacerlo desde tu theme: Apariencia > Personalizar > CSS

Saludos.

ResponderCitar
Respondido : 03/05/2020 2:10 pm
javier me gusta

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

javier
 javier
Usuario experto

@jmarreros

hola! he añadido los dos codigos y sigue apareciendo el recuadro y el cambio de color en los enlaces, pero pasa solo en el movil

ResponderCitar
Respondido : 04/05/2020 12:16 am
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

Hola Javier, 

Añade el siguiente CSS en Apariencia -> Personalizar -> CSS Adicional:

body.wcz-btns.wcz-woocommerce ul.products li.product a.button:hover, body.wcz-btns.wcz-woocommerce .related.products ul.products li.product a.button:hover, body.wcz-btns.wcz-woocommerce.single-product div.product form.cart .button:hover, body.wcz-btns.wcz-woocommerce.wcz-wooblocks ul.wc-block-grid__products li.wc-block-grid__product .add_to_cart_button:hover {
background-color: #1e73be !important;
color: #FFFFFF !important;
}

Si algún elemento mas falta por favor indícamelo mediante una captura de pantalla para identificarlo mas rápido y de la misma manera darte una respuesta.

Saludos 🙂

ResponderCitar
Respondido : 04/05/2020 3:04 am

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

javier
 javier
Usuario experto

@bulmaro-webempresa

hola de nuevo!

Esto es lo que hecho (que no se mas); he metido los tres codigos en un plugin (css y jss personalizado) y los he añadido como css, es decir; copio lo que me dais y lo pego, no se mas.

Lo hago con un plugin porque luego puedo desactivarlos. tambien lo he hecho en la parte de apariencia_css adicional, por si era problema del plugin.

No ha funcionado, podeis comprobarlo vosotros mismos en trofeosventa.com (no es un enlace ja ja). En el portatilno pasa nada, pero en el movil se aprecia de lo que hablo.

Lo de añadir el css con un plugin, es porque puede que lo que me pasa, es por añadir css sin conocimiento en storefront_apariencia_ css adicional.

Hasta que me decidi por el plugin.

Tal vez tenga que eliminar el css que he añadiendo estas semanas por esta parte de mi worpress. Yo creo que esto es el causante.

He intentado borrarlos pero solo he llegado hasta la parte de comparar revisiones de storefront, y ya no se eliminar dichas revisiones o el css que esta añadido. O esta en alguna carpeta determinada de wordpress. ni idea....

 

Otro problema que tengo es que el boton de "añadir al carrito" de ALGUNOS productos no funciona. pero solo en el portatil. En el movil va de maravilla.

espero haberme explicado bien. gracias

ResponderCitar
Respondido : 04/05/2020 4:11 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Javier,

Verifique en las opción móvil y no veo que se este señalando lo que mencionas, tienes algún plugin de cache? Puede ser por esto que no logras ver los cambios 

Si es así, puedes borrarla y abrir tu sitio web desde una ventana incógnito.

También verifique los botones para añadir al carrito y me han funcionado.

Un Saludo

 

ResponderCitar
Respondido : 04/05/2020 4:48 pm

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

javier
 javier
Usuario experto

He estado probando detenidamente los códigos y si que me eliminan el recuadro que aparece cuando selecciono un enlace de mi web, pero el sombreado no.

En la tienda de Amazon tb aparece ese sombreado cuando seleccionas un enlace. La diferencia es que a mí el sombreado no tiene que ver con el color del fondo de mi sitio. ¿Se puede poner un sombreado gris oscuro?

 

ResponderCitar
Respondido : 07/05/2020 6:53 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Javier,

¿Puedes decirme si te refieres a estos enlaces?

Screenshot(70)

Si es así puedes probar con los siguientes codigos

/* Con este eliminar la linea en tus enlaces*/ 

a:not(.button):not(.components-button) {
text-decoration: none !important;
} /* Con este puedes cambiar el color */

a:not(.button):not(.components-button) {
text-decoration: underline !important;
text-decoration-color: #a0a0a0 !important;

}

Verifica si es los que mencionabas

Un Saludo

ResponderCitar
Respondido : 07/05/2020 7:30 pm

Cursos Gratuitos WordPress

javier
 javier
Usuario experto

@karen

No me refiero a eso, pero lo usaré porque me gusta su funcionalidad.

Es cuando seleccionas:

TrofeosVenta

En el menú principal; INICIO/Tienda o Categorías o Contacto o Mi cuenta.....

Y en la barra del pie donde los iconos de mi cuenta, buscar y carrito

Gracias por lo otro

ResponderCitar
Respondido : 07/05/2020 9:40 pm
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

Hola Javier,

No veo nada insertado en el código CSS generado al visitar tu sitio web. ¿Lo estás insertando en Apariencia -> Personalizar -> CSS Adicional?¿Puedes enviarnos una captura de pantalla de esta vista? Por favor

Saludos

ResponderCitar
Respondido : 07/05/2020 11:20 pm

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

javier
 javier
Usuario experto

@bulmaro-webempresa

image

lo hago a traves de un plugin

ResponderCitar
Respondido : 08/05/2020 2:36 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Javier,

Si te refieres al estado cuando estas sobre los sub-menús y enlaces principales puedes probar con los siguientes código

/* Código para enlaces del menú */

.main-navigation ul li:hover > a {
color: #f00000 !important; Cambia el color por el que deseas
}

/* Código para el fondo del sub-menú */

.main-navigation ul.menu ul li.focus, .main-navigation ul.nav-menu ul li.focus {
background-color: rgb(153, 153, 153)!important;
}

Saludos

ResponderCitar
Respondido : 08/05/2020 3:14 pm

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

javier
 javier
Usuario experto

@karen

hola karen, estoy cerrando poco a poco las respuestas. perdonar las molestias pero es que dedico poco tiempo y se me amontona el trabajo. 

Este codigo hace todo lo contrario, aparecen lineas en todos los enlaces

image
ResponderCitar
Respondido : 09/05/2020 12:56 pm
Página 1 / 2