- This topic has 11 replies, 2 voices, and was last updated 6 months, 1 week ago by
David.
-
AuthorPosts
-
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 #1365449David
StaffCustomer SupportHi 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; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/July 16, 2020 at 5:37 am #1365473Guilherme Lacerda
Don’t worked. =(
July 16, 2020 at 5:40 am #1365476David
StaffCustomer SupportCan you disable the SG Optimizer so i can see whats conflicting.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/July 16, 2020 at 5:45 am #1365485Guilherme Lacerda
Ok. Disabled. =)
July 16, 2020 at 5:48 am #1365489David
StaffCustomer SupportIn 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; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/July 16, 2020 at 5:50 am #1365493Guilherme Lacerda
Need some fixes, check it:
The code:
July 16, 2020 at 6:35 am #1365528David
StaffCustomer SupportHmmm… 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?Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/July 16, 2020 at 6:39 am #1365533Guilherme 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.svgPNG FILE
https://marketingconteudo.com/wp-content/uploads/2020/07/writer.pngI prefer the svg file. 🙂
Thanks a lot for the help.
July 16, 2020 at 6:54 am #1365547David
StaffCustomer SupportTry 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; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/July 16, 2020 at 7:04 am #1365556Guilherme Lacerda
THANKS! WORKS. =)
I changed the style to a minimal design:
Thanks again.
July 16, 2020 at 7:23 am #1365581David
StaffCustomer SupportAwesome – looks great 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.