Slik tilpasser Thesis Bilderammer

Thesis er en WordPress tema som gjør at bildet innramming. Dette betyr at hver gang du laster opp et bilde i et innlegg, vil det få en viss ramme. Men som med de fleste tema elementer i WordPress, er det passelig gjennom CSS. Du kan gjøre rammen større, mindre, en annen farge, eller deaktivere den helt. CSS-kommandoer er relativt enkel. Trikset er å finne riktig fil.

Bruksanvisning

1 Logg inn WordPress og klikk "Editor".

2 Klikk "wp-content / themes / thesis_XXX / custom / custom.css" i høyre listen. Den "XXX" vil være din Thesis versjonsnummer (som Thesis_161). CSS-koden vil vises i det nye vinduet.

3 Legg til følgende linjer nederst. Dette er de fire elementene i bildet rammemarkerings. For de er bilder utenfor et innlegg, bilder i en post, miniatyrbilder (hvis du har dem vises hvor som helst), og teaser thumbails (hvis du bruker dem).

.custom .headline_area .post_image {
padding: 1em;
border-width: 0.1em;
border-color: #DDDDDD;
border-style: solid;
}

.custom .format_text .post_image {
padding: 0.714em;
border-width: 0.071em;
border-color: #DDDDDD;
border-style: solid;
}

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

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

4 Slett alt du ikke ønsker å endre. For eksempel, hvis du ikke bruker noen miniatyrbilder, kan du bare slette de to siste biter. Hvis du ikke ønsker å endre padding, kan du slette den andre linjen ( "padding") av hver kode blings.

5 Endre CSS tilsvarende. Du kan endre padding, ramme bredde (sette den til "0" vil deaktivere rammer), ramme farge og ramme stil.

6 Klikk "Lagre endringer" når du er ferdig.