Eliminar subrayado de los enlaces en las nuevas plantillas


Hoy veremos cómo eliminar el subrayado de los enlaces o links en la plantillas de diseño. Si usas las plantillas antiguas o clásicas, puedes ver este tutorial.

Para esto, haremos lo siguiente:

1.§ Vamos a Plantilla - Editar HTML.

2.§ Damos un clic dentro del código de la plantilla, presionamos CTRL+F y buscaremos lo siguiente:
<Variable name="link.hover.decoration" description="Link Hover Decoration" type="string" default="underline" value="underline"/>

3.§ Cambiamos los dos underline por none

4.§ Ahora para quitar el subrayado del título de los post que aparece cuando acercamos el cursor sobre el mismo, haremos lo siguiente. Nuevamente,damos un clic dentro del código de la plantilla, presionamos CTRL+F y buscaremos esto:

h3.post-title a:hover {
color: $(link.hover.color);
text-decoration: underline;
}

Es probable que en tu plantilla el contenido aparezca diferente, puedes guiarte por la primera línea de código.

5.§ Ahora sustituímos text-decoration: underline; por text-decoration: none;

6.§ Damos clic a Guardar y listo.

0 opinaron:

Por favor, trata de tener habilitado tu perfil (has click en "Comenta con el antiguo editor" para iniciar sesión) o deja un enlace a tu blog escogiendo la opción "Nombre/URL", procura no dejar comentarios Anónimos.
Nota: Si es que se presenta algún problema con el formulario de comentarios, sólo has click en "Comenta con el antiguo editor"

Gracias por participar en el blog.

inicio