Pregunta sobre Twenty Fifteen de Wordpress:

Subrayar ciertos enlaces

Un usuario preguntó 👇

Busqué una solución y probé diferentes cosas antes de publicar, pero no la encontré.

Solo quiero poder eliminar la línea debajo de algunos enlaces en mis veinticinco páginas.

Probé un buen chss en línea viejo y sucio con decoración de texto: ninguno; en la etiqueta del enlace. Intenté crear una clase para los enlaces que no quería resaltar. Traté de quitar el revestimiento ya que este parecía ser el caso cuando inspeccioné las conexiones.

Nada funciona.

¡Gracias!

Este tema fue modificado hace 3 años por.

(@paulwp)

hace 3 años

Probé un buen chss en línea viejo y sucio con decoración de texto: ninguno; en la etiqueta del enlace. Intenté crear una clase para los enlaces que no quería resaltar. Traté de quitar el revestimiento ya que este parecía ser el caso cuando inspeccioné las conexiones.

Has probado límite: ninguno ¿Lo es?


<a href="#" style="border:none;" class="">test link</a>

(@ hormiga123)

hace 3 años

Super duper! Funcionó ¡Gracias!

(@clasificador)

hace 3 años

No funcionó para mí. Ver abajo [1]. Tengo Twenty Twelve con un hijo CSS (pegado a continuación, pero no veo que cambie las propiedades del enlace). Los elementos SEC se describen en [2].

WordPress convierte el html que sugirió a:
<a class="" style="border: none;" href="#">test link</a>
pero supongo que se analiza al final de la línea, por lo que la secuencia no es importante (?)

[1] http://www.teigfam.net/oyvind/home/nokkelversene/144-nokkelverset/
[2] http://www.teigfam.net/oyvind/home/technology/061-wordpress/

@import url("../twentytwelve/style.css");

/* Thanks to paulwpxp 2013 07 26 */
/* ----- blockquote reduce space ----- */
.entry-content blockquote,
.comment-content blockquote {
    padding-top: 0;
    padding-bottom: 0;
}
/* ----- h2 color  ----- */
.entry-content h2 {
    color: #ff0000;
}

/* Thanks to Chris Rockwell 2013 08 14 at [email protected] */
/* Make Reference ordered list as [x] */
ol.ol_href {
    list-style-type: none;
    counter-reset: section;
    padding-left: 0;
}
ol.ol_href li {
  display: table-row
}
ol.ol_href li:before {
    counter-increment: section;
    content: "[" counter(section) "] ";
    padding-right: 1em;
    display: table-cell;
}

/* Thanks to WPyogi 2013 11 18 */
p.p_vline_left_gray {
   border-left: 1px solid #C0C0C0;
   margin-left: 10px;
   padding-left: 10px;
}
p.p_vline_left_red {
   border-left: 1px solid #ff0000;
   margin-left: 10px;
   padding-left: 10px;
}
p.p_noline_left {
   border-left: 0px;
   margin-left: 10px;
   padding-left: 10px;
}

/* Teig 2014 02 03 */
code.code_x_courier {
    line-height:100%;
    font-weight:bold;
    font-family:"Courier";
}
code.code_x {
    line-height:100%;
    font-weight:bold;
}

/* Thanks to Andrew av http://wordpress.org/support/topic/png-and-gif-images-have-thin-border-around-them */
/* Removes borders around (all?) pictures */
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
   box-shadow: none;
}

Esta respuesta fue modificada hace 3 años por.

(@paulwp)

hace 3 años

No importa la secuencia.

Usa el tema que estás usando text-decoration: none; en lugar.

Hágale a FYI la pregunta en el foro de soporte del tema en sí, este es para el tema Twenty Fifteen.

(@clasificador)

hace 3 años

¡Gracias! Nunca imaginé que habría diferentes soluciones para los dos temas. No es muy portátil, ¿verdad? ¿Puedo hacer una diferencia en el CSS de un niño, como definir un class_link_no_underline que luego se define en lugar de solo una clase local vacía?

(@paulwp)

hace 3 años

¿Puedo marcar la diferencia en el CSS secundario, como class_link_no_underline definido y luego definido en lugar de solo una clase vacía local?

Sí, tiene razón, pero también notó que usamos «post class» en WP cuando condicionalmente necesitamos alguna característica de una manera diferente en todo el sitio.

Por ejemplo, para que todos los enlaces sean de color rosa pero si se publica con la etiqueta «rosa».

.tag-pink a { color: pink; }

Vea más detalles aquí https://codex.wordpress.org/Function_Reference/post_class

(@clasificador)

hace 3 años

¡Interesante!

Si pongo esto en mi style.css:

a.a_link_no_underline {
    text-decoration: none;
    /* border: none; */
}

y utilícelo así:

<a class="a_link_no_underline" href="http://www.teigfam.net/oyvind/home/nokkelversene/">Test</a>

entonces el subrayado sigue presente. ¿Qué haré mal?

(@paulwp)

hace 3 años

Entonces no veo nada malo, probablemente una pregunta de almacenamiento en caché.

(@clasificador)

hace 3 años

¡Fue (rubor)! ¡Gracias!

(@clasificador)

hace 3 años

Por cierto, ¿hay alguna forma en CSS de generalizarlo a macros, o podría doblarse en PHP o JavaScript? Lo escribí aquí en C_CSS, como si fuera un lenguaje, con algo de semántica adoptada con texto y decoración de bordes. Además, ¿hay aquí algunas definiciones para el tema elegido? Pero entonces, style.css no quería nada más que CSS, ¿verdad? Además, ¿por qué en el mundo el uso de CSS sería diferente para diferentes temas? ¿Mis otros ejemplos de CSS también serán diferentes? ¿No se usaría siempre el último HTML?

#if TWENTY_TWELVE 
    a.a_link_no_underline { text-decoration: none;}
#elif defined TWENTY_FIFTEEN 
    a.a_link_no_underline { border: none;}
#else
    a.a_link_no_underline { border: none;}
#endif

Esta respuesta fue modificada hace 3 años por.

(@paulwp)

hace 3 años

Deben usarse diferentes temas CSS porque requieren diferentes diseños. Podemos tener un sitio web sin CSS, y todavía es viable porque todos los navegadores web tienen un CSS predeterminado que es lo suficientemente bueno para el uso normal, pero la gente crea un sitio web de una manera diferente, por lo que se requiere el código CSS. diferente a él.

En su ejemplo, el objetivo es escribir CSS adicional para anular condicionalmente el estilo del tema en sí en función del nombre del tema. El problema es que no tenemos ni tendremos una etiqueta de nombre de tema de WordPress condicional en CSS. Incluso si lo es, es imposible tener 1 conjunto o 1 archivo CSS adicional para anular todo el tema, porque la función es un elemento importante.

De todos modos, todavía podemos enfocarnos en una característica específica e implementar un conjunto de propiedades para superar todas las demás propiedades potenciales (solo para este elemento). Entonces, en este caso, su código de muestra puede ser así


a.a_link_no_underline { 
	border: none;
	text-decoration: none;
}

este código funciona para CUALQUIER tema que defina un estilo resaltado con borde o decoración de texto.

(@clasificador)

hace 3 años

El problema es que no tenemos ni tendremos una etiqueta de nombre de tema de WordPress condicional en CSS

Como había codificado aplicaciones integradas durante los últimos 35 años, ¡no podría estar más de acuerdo! Le Pascal, Modula 2, occam srl. Los idiomas no tenían ese tipo de posibilidad. Luego comenzamos con C y es fácil caer. Pero a los lenguajes más nuevos también les gusta ir bien, sin preprocesador, etc.

¡Así que diseño de audio de WordPress! Por eso dije, en la encuesta, como la razón principal por la que lo estoy usando: «WordPress funciona».

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada.