Un usuario preguntó 👇
ALTO,
¿Alguien puede aconsejarme sobre cómo deshabilitar de forma sencilla y eficaz los enlaces de esta página en mis menús de comida? http://jhtesting.com/chickengeorge/home-hitchin/
Por el momento, cada título de la comida está vinculado a la publicación asociada al plato. Pero, ¿cómo desactivo estos enlaces?
Muchísimas gracias.
(@ alegremente)
Hace 7 meses, 1 semana
Si no debe ser un enlace, lo mejor es cambiarlo donde se genera. Pero si eso es demasiado difícil, puede usar CSS pointer-events: none en esos enlaces. Asegúrese de que el selector sea lo suficientemente específico para obtener los enlaces que desea impresionar. Editar: tenga en cuenta que la SEC no afecta la navegación por teclado. El enlace seguirá estando en la secuencia de pestañas y se puede navegar presionando Enter.
Lanzador de hilos
(@yosephric)
Hace 7 meses, 1 semana
De acuerdo, tiene sentido, pero plantea otra pregunta, cómo averiguar los selectores específicos descritos.
(@ alegremente)
Hace 7 meses, 1 semana
La mayoría de los navegadores tienen una herramienta de desarrollo. Le permite ver el HTML y CSS de su página de forma interactiva y agregar CSS para probar cosas. Abra su página, seleccione Developer Tool en el menú (o haga clic con el botón derecho en el enlace y seleccione Inspeccionar elemento). Examine las clases utilizadas en el cuerpo o solo la parte que desea aplicar. Pruebe diferentes selectores para esa regla para asegurarse de que no sea demasiado general (obtenga todos los vínculos de la página) o demasiado específica (obtenga solo un vínculo). Asegúrese de que se aplique solo a esta página (por lo general, se utilizan clases corporales), si eso es lo que desea.
Descubra cómo Herramientas para desarrolladores de Chrome o Herramientas para desarrolladores de Firefox para ayudarlo a ver y probar los cambios en su CSS.
Esta respuesta fue modificada hace 7 meses, hace una semana por. Razón: agregar enlaces a los recursos de Thread Starter
(@yosephric)
Hace 7 meses, 1 semana
Así que intenté agregar .elementor-column-wrap elementor-element-populated {pointer-events: none; }
para la SEC, sin embargo, no tiene ninguna influencia. ¿Algunas ideas? Muchas gracias por transmitirme esto.
(@ alegremente)
Hace 7 meses, 1 semana
Estoy usando Firefox. Cuando abrí su página anterior, los enlaces funcionaban. Ahora no lo son. No sé qué te cambió, pero necesitas el efecto que querías. Sin embargo, la regla que agregó no funcionó. Las herramientas de desarrollo ahora no me permiten profundizar en la función de conexión. No sé si eso se debe a que la herramienta de desarrollo se ve afectada por los eventos de puntero: ninguno en efecto. Pero me muestra que la regla está involucrada .trx_addons_column-1_4 tener eventos de puntero: cualquiera de una regla en línea. No he encontrado la regla en sí, aunque el nombre está en algún CSS de su tema. Su página parece tener dos copias del mismo CSS cargadas en línea. Algo de eso es con fuentes de Google y algo con Google Maps. Si esa regla no se aplica, su regla tendría que ser algo similar
.page-id-2983 .sc_dishes .sc_dishes_item_title a {pointer-events: none;}
La primera clase es una clase física, solo para esta página, ya que el ID de la página está allí. La segunda clase es la parte que define el recipiente para la lista de platos, la tercera clase es el título del artículo individual y la cuarta es el a un elemento que significa que es una conexión.
Lanzador de hilos
(@yosephric)
Hace 7 meses, 1 semana
Así que es bastante mental y no tengo ni idea de cómo funciona, pero funciona en este momento, así que no tocaré nada was Estaba probando algunas opciones. Asumiendo que la clase como sugirió el envoltorio, las columnas están sentadas
elementor-element elementor-element-128f21d elementor-widget elementor-widget-spacer {puntero-eventos: ninguno;}
Qué función quería cambiar, pero no funcionó,
luego lo intenté,
elementor-widget-wrap {eventos de puntero: ninguno;}
que funcionó, sin embargo, deshabilitó todos los enlaces en la página, por lo que no es bueno.
Entonces quería probar si puedo desactivar una determinada columna. así que lo he plantado
.trx_addons_column-1_4 {puntero de evento: ninguno;}
para mi sorpresa, todas las conexiones para platos se desactivaron. Así que no tengo idea de cómo funciona, así que lo dejo ahora …
Y hay 2 copias de CSS, la del servidor que ingresé en el campo Personalizar CSS, pero por alguna razón cada vez que modifiqué el CSS del servidor e hice cambios en WordPress, todos los cambios de CSS desaparecieron. No estoy seguro de por qué, pero así se solucionó.
De todos modos, Joy, gracias por tu ayuda y estaré en contacto si hay algo más con lo que esté luchando.
Gracias
¿Solucionó tu problema??
0 / 0