Tecnología

Inicio

Cómo personalizar Tesis cuadros de imagen

Tesis es un tema de WordPress que permite un encuadre de la imagen. Esto significa que cada vez que se carga una imagen en un mensaje, se conseguirá un cierto marco. Sin embargo, al igual que con la mayoría de los elementos del tema de WordPress, es personalizable a través de CSS. Es posible hacer que el marco más grande, más pequeño, de un color diferente, o desactivar por completo. Los comandos CSS son relativamente básico. El truco es encontrar el archivo correcto.

Instrucciones

1 Iniciar sesión en WordPress y haga clic en "Editor".

2 Haga clic en "wp-content / themes / thesis_XXX / custom / custom.css" en la lista de la derecha. El "XXX" será su número de versión de la tesis (como Thesis_161). El código CSS se mostrará en la nueva ventana.

3 Añadir las siguientes líneas en la parte inferior. Estos son los cuatro elementos del código de cuadro de imagen. En fin, se trata de imágenes fuera de un puesto, imágenes dentro de un post, imágenes en miniatura (si los tiene que aparecen en cualquier lugar), y thumbails de reclamo (si se utilizan).

.custom .headline_area .post_image {
padding: 1 em;
border-width: 0.1em;
border-color: #DDDDDD;
Border-style: sólido;
}

.custom .format_text .post_image {
padding: 0.714em;
border-width: 0.071em;
border-color: #DDDDDD;
Border-style: sólido;
}

.custom .teaser .post_image_link .thumb {
padding: 0.8em;
border-width: 0.1em;
border-color: #DDDDDD;
Border-style: sólido;
}

.custom .format_teaser .post_image_link .thumb {
padding: 0.333em;
border-width: 0.083em;
border-color: #DDDDDD;
Border-style: sólido;
}

4 Eliminar todo lo que no se desea modificar. Por ejemplo, si usted no utiliza ninguna miniatura, es posible que sólo eliminar las últimas dos trozos. Si no desea modificar el relleno, es posible eliminar la segunda línea ( "relleno") de cada trozo de código.

5 Modificar el CSS en consecuencia. Puede cambiar el ancho de relleno, marco (Configurando "0" desactivará marcos), color del marco y el estilo de marco.

6 Haga clic en "Guardar cambios" cuando haya terminado.