Hello,
I managed to edit the awful (really too big !) blockquotes on the public interface of my site using custom css,
–
–
But impossible to set the css by defaut in the editorial part (wordpress editor). It’s taking all the place.
How is it possible to have this presentation the same as the public custom css by default
–
–
Hi,
I do not quite understand the problem, you want to change the font for all blockquote.
If you want to change the fonts for blockquote in theme file, there are a lot of file, depend on the demo you have install and so on, i think will be more easy to add a custom css in Newspaper>Theme panel>Custom code>Custom css\
https://www.screencast.com/t/Zkfh4trhDtA
.td-post-content blockquote p{
font-size: 25px;
line-height: 30px;
font-weight: 400;
}
Hope this will help you.
Thanks.
Hi Calin,
And thank you for your answer.
My problem is not on front end, but in back office.
The blockquote is “big” and taking a lot of place when you’re writting a post.
I’d like the blockquote appearence in the wordpress editor look the same as my css front end.
This is what I use as a custom css for front end display :
blockquote {
background:#f9f9f9;
border-left:10px solid #ccc;
margin:1.5em 10px;
padding:.5em 10px;
quotes:”\201C””\201D””\2018″”\2019″;
text-align: justify !important;
}
blockquote:before {
color:#ccc;
content:open-quote;
font-size:4em;
line-height:.1em;
margin-right:.25em;
vertical-align:-.4em;
}
blockquote p {
display:inline;
}
Thank you.
Fred
Hi,
Please try this custom css
.editor-block-list__block-edit blockquote, blockquote {
background:#f9f9f9;
border-left:10px solid #ccc;
margin:1.5em 10px;
padding:.5em 10px;
quotes:”\201C””\201D””\2018″”\2019″;
text-align: justify !important;
}
.editor-block-list__block-edit blockquote:before, blockquote:before {
color:#ccc;
content:open-quote;
font-size:4em;
line-height:.1em;
margin-right:.25em;
vertical-align:-.4em;
}
.editor-block-list__block-edit blockquote p, blockquote p {
display:inline;
}
https://www.screencast.com/t/9Nus035T64rQ
https://www.screencast.com/t/E0zMpw0FfVD2
Set the css in Newspaper>Theme panel>Custom code>Custom css
Thank you.
