Add quote signs

Posted in: Newspaper
Post count: 80

Hi there,

What is the best way to add the quote sign on blockquote text?
https://www.wpbeginner.com/wp-content/uploads/2013/03/classic-image-quotes.png

Similarly to the image referenced above, where the quote icons are on the upper left part of the blockquote

Post count: 27744

Hello,

You can add the quote like in the image, using a custom code CSS, like this => https://www.screencast.com/t/Ht5zaaJ1iKcY
The code is
blockquote{
display: block;
background: #fff;
}
blockquote::before{
content: "\201C"; /*Unicode for Left Double Quote*/
/*Font*/
font-family: Georgia, serif;
font-size: 60px;
font-weight: bold;
color: #999;

/*Positioning*/
position: absolute;
left: -15px;
top:-30px;
}
you need to adjust the left and top position.
If you like it, you can add the code in Theme Panel -> Custom Code -> Custom CSS.

Thank you!

Viewing 2 posts - 1 through 2 (of 2 total)
You must be logged in to reply to this topic.