Hallo liebe Forumsmitglieder,
ich quäle mich jetzt schon ein paar Tage mit der Änderung des Zitatdesigns in einem Wordpress Template herum und hoffe, dass ihr mir vielleicht dabei aushelfen könnt. Ich bin zwar etwas html/css affin - aber irgendwie schaffe ich es dann doch nicht es selbst zu ändern.
Aktuell sieht die blockquote/Zitat im Fließtext wie in der angefügten Grafik aus - ich möchte das aber gerne ändern und zwar so, dass auch im unteren Balken das Anführungszeichen wie oben erscheint.
Ich bekomm es aber nicht hin. Habt ihr vielleicht einen Tipp.
Im CSS habe ich bereits die before und after codes gefunden - nur reichen meine Skills hier nicht aus um das korrekt zu ändern:
blockquote:before
{
background: #fff;
color: black;
content: "\201C";
left: 50%;
padding: 0 15px;
position: absolute;
top: -0.5em;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
blockquote:after
{
border: 1px solid #e1e1e1;
border-left: 0;
border-right: 0;
bottom: 0;
content: "";
display: block;
left: 50%;
margin-left: -4.5em;
position: absolute;
top: 0;
width: 9em;
z-index: -1;
Danke!
Liebe Grüße,
Max