Home › Forums › Support › Blockquote Symbol “ Before Quote This topic has 11 replies, 2 voices, and was last updated 3 years, 8 months ago by David. Viewing 12 posts - 1 through 12 (of 12 total) Author Posts July 16, 2020 at 4:54 am #1365425 Guilherme Lacerda Hi! How can i add the Blockquote Symbol “ Before Quote? Example: July 16, 2020 at 5:19 am #1365449 DavidStaff Customer Support Hi there, try this CSS: blockquote { position: relative; padding-top: 70px; } blockquote:before { content: "\201d"; font-family: symbol; font-size: 120px; font-style: normal; position: absolute; top: 0; left: 20px; color: #01b1cd; } July 16, 2020 at 5:37 am #1365473 Guilherme Lacerda Don’t worked. =( July 16, 2020 at 5:40 am #1365476 DavidStaff Customer Support Can you disable the SG Optimizer so i can see whats conflicting. July 16, 2020 at 5:45 am #1365485 Guilherme Lacerda Ok. Disabled. =) July 16, 2020 at 5:48 am #1365489 DavidStaff Customer Support In your CSS you need to include: blockquote { border-left: 5px solid #01b1cd; background-color: #1a1a1a; color: #ffffff; border-radius: 1px; /* Add the following properties */ position: relative; padding-top: 70px; } July 16, 2020 at 5:50 am #1365493 Guilherme Lacerda Need some fixes, check it: The code: July 16, 2020 at 6:35 am #1365528 DavidStaff Customer Support Hmmm… not seeing it on my browsers – but those HTML symbols are a pain. Do you have an image of the quote symbol we could add in its place? July 16, 2020 at 6:39 am #1365533 Guilherme Lacerda Hmmm… not seeing it on my browsers – but those HTML symbols are a pain. Do you have an image of the quote symbol we could add in its place? SVG FILE https://marketingconteudo.com/wp-content/uploads/2020/07/writer.svg PNG FILE https://marketingconteudo.com/wp-content/uploads/2020/07/writer.png I prefer the svg file. 🙂 Thanks a lot for the help. July 16, 2020 at 6:54 am #1365547 DavidStaff Customer Support Try this: blockquote { border-left: 5px solid #01b1cd; background-color: #1a1a1a; color: #ffffff; border-radius: 1px; padding-top: 50px; } blockquote:before { content: ''; display: block; width: 40px; height: 40px; background-image: url( https://marketingconteudo.com/wp-content/uploads/2020/07/writer.svg); background-size: contain; margin-top: 10px; } July 16, 2020 at 7:04 am #1365556 Guilherme Lacerda THANKS! WORKS. =) I changed the style to a minimal design: Thanks again. July 16, 2020 at 7:23 am #1365581 DavidStaff Customer Support Awesome – looks great 🙂 Author Posts Viewing 12 posts - 1 through 12 (of 12 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In