Changing blockquote

Posted in: Newspaper
Post count: 71

Hey,

I wanted to customize the blockquote on my site, but I can’t do how I want.

Ex: https://prnt.sc/10pev4z

But I want this style of blockquote

https://prnt.sc/10pew56

The ex. is from this page: https://www.stiridinlume.ro/politica/meghan-markle-la-prezidentiale-sua-2024-nu-sunt-un-fan-al-ei-mesajul-uimitor-al-lui-donald-trump-27378.html

Can you help me what code code I paste to Custom CSS?

Thanks.

Post count: 27744

Hello,

After you added the blockquote in the Gutenberg editor => https://www.screencast.com/t/JN5bB4shO you can edit the style for it in Single Post Template in the tab called “Style” where you can set the font size, font family etc for blockquote => https://www.screencast.com/t/URw1YmNm8 -> https://www.screencast.com/t/1TiXCurtkuD

Hope this helps you!

Thank you!

Post count: 71

Hello,

Thanks for the answer. I use the classic editor, but I saw this option, but how ca I add this element to the blockquote: https://prnt.sc/10pr431

Thanks.

Post count: 27744

Hello,

This can be achieved only with custom code, for example like this => https://www.screencast.com/t/sELJi957Xko
This is the code

blockquote:before {
color:red;
content: open-quote;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em;
}
blockquote p {
display: inline;
}

If you like it, you can add the code in Theme Panel -> Custom Code -> Custom CSS.

Thank you!

Post count: 71

Thanks.

I have an another question. If I build in the TD Composer a sidebar element in Single Post PAge, lets say a box, and I customize it, can I save it to import easily to other pages (Category, Search, etc.)?

Post count: 21065

Hello @Balint!

Yes, can be possible for example, you have to copy( CTRL + C ) the element, access another page, then paste ( CTRL + V ) the copied element there.

Thank you!

Post count: 71

Thanks Bettina 🙂

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