Hur gör man snygga rutor i WordPress?

Ibland när man surfar på olika sidor med diverse koder ser man att de oftast hamnar innanför en ruta som ofta sticker ut lite från övrig text.

Här är ett exempel på en ruta!

Det är ganska enkelt att tillverka sådana rutor om man använder WordPress. Eftersom jag inte vill skapa ett barntema bara för rutan har jag bara lagt till den i CSS-rutan under Utseende -> Anpassa:

blockquote {

     border: 3px dotted brown;

     background-color: #FAEFFB;

     margin:15px 30px 0 10px;

     padding-left:20px;

}

Självklart kan man ändra bakgrundsfärgen och linjefärg och typ till vad man själv önskar så att det passar med ens egna tema.

För att inte alla blockquotes i det här temat ska se ut som rutan ovan har jag specificerat att formatteringen bara ska gälla i det här inlägget genom att också specificera det här inlägget:

.postid-XXXX blockquote {
border: 3px dotted brown;
background-color: #FAEFFB;
margin:15px 30px 0 10px;
padding-left:20px;
}

Ha det så roligt med dina rutor!

Etiketter:

Lämna ett svar

E-postadressen publiceras inte. Obligatoriska fält är märkta *

Denna webbplats använder Akismet för att minska skräppost. Lär dig hur din kommentardata bearbetas.