Methode 2: Voeg CSS toe voor stijl van Blockquotes
Als u geen WordPress-plug-in wilt gebruiken, is het toevoegen van aangepaste CSS een andere manier om uw blockquote aan te passen.
Lees daarvoor deze handleiding: Beste websites CSS html zelf te leren online beginners
Beste bronnen webdesign webdesigners website html
Bronnen voor webdesign Er zijn veel bronnen voor webdesign beschikbaar voor elk webproject. Hoewel het altijd het beste is om je eigen code te schrijven en zo origineel mogelijk te zijn, zijn er…
Beste websites CSS html zelf te leren online beginners
CSS aanpassen toevoegen WordPress voor beginners
CSS aanpassen in WordPress CSS aanpassen in WordPress kan op het eerste gezicht ingewikkeld lijken. Maar als je eenmaal weet hoe je de bestanden van je thema moet bewerken en begrijpt waar je…
Aangepaste CSS toevoegen zonder child theme plugin
CSS selectors overzicht om de HTML-elementen te stijlen
Wat is een selector in CSS en html? Een CSS selector is het eerste deel van een CSS regel. Het is een patroon van elementen en andere termen die de browser vertellen welke…
CSS Element inspecteren WordPress aanpassen browser
Voeg de onderstaande code toe aan je CSS
blockquote {
font-family: Georgia, serif;
font-size: 18px;
font-style: italic;
width: 450px;
margin: 0.25em 0;
padding: 0.25em 40px;
line-height: 1.45;
position: relative;
color: #383838;
background:#ececec;
}
blockquote:before {
display: block;
content: "\201C";
font-size: 80px;
position: absolute;
left: -10px;
top: -10px;
color: #7a7a7a;
}
blockquote cite {
color: #999999;
font-size: 14px;
display: block;
margin-top: 5px;
}
blockquote cite:before {
content: "\2014 \2009";
}See the Pen Custom BlockQuotes by Habdul Hazeez (@ziizium) on CodePen.