Woocommerce  

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 🙂

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

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.

@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

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 🙂

@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

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

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?

Hola Javier,

¿Puedes decirme si te refieres a estos enlaces?

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

@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

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

@bulmaro-webempresa

lo hago a traves de un plugin

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

@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