Is it possible that no one has asked a question about changing blockquote style?

Posted in: Newspaper
Post count: 26

Hello everyone.

The default blockquote style in Newspaper is ugly. The text is super-attentuated. Where can I make changes to have a simple blockquote stule such as a modest indent with or without quotation marks!

Post count: 74

I have asked it dozens of times. You can get some of the replies through tracking my posts. My issue was that on the editing side, it is a nightmare and unlike native WordPress. On the front end, I ended up having to add custom CSS to achieve what I wanted and even then it is not perfectly refined.

Post count: 35449

Hi,
There is no need for extra css to edit the fonts for blockquotes, all you need to do is to edit with tagDiv Composer the Single post Template -> https://i.imgur.com/D0oWLkU.jpg click on post content and in style tab set the settings for fonts -> https://i.imgur.com/qsanOkM.jpg -> https://i.imgur.com/wHDMfJP.jpg
Thank you!

Post count: 12

I am interested in this question. @Calin, the answer you have provided is instructive but I have one problem which is that I cannot see the tagDiv Composer as soon as I navigate away from the home page. The implication is that I cannot edit posts with tagDiv Composer. Secondly, Editors on my website are not presented with the tagDiv composer.

The solution you have provided seems not to be a one-off solution. By this I mean whether modifying the blockquotes affects any other future posts where it is used. Or one has to always modify the blockquotes for every new post? Thanks

Post count: 35449

Hi Ibalex,
The tagDiv Composer was not made to be used on posts, this can be used on pages and cloud templates only!
If you are using cloud templates for your website, then the tagDiv Composer options should be in the WordPress top bar (just made sure that you have an admin role).
About the editors and possibility to edit. In the latest updates it looks that our developers set the permissions incorrectly and assigned the author’s attributions to the editor and vice versa, so the editors will be able to create only pages not cloud templates.

Since you are editing a cloud template, the changes to it will be reflected in all posts / categories / … of which it is a part of that cloud template and is set to be used.

Thank you!

Post count: 27

Hi. How do I change the justification of blockquotes from center justified to left or right justified using the tagDiv composer? I see how to change font size & etc., but not justification.

Likewise, can I put blockquotes in a box with a color background using the tagDiv composer or would I do these things elsewhere in WordPress?

Thank you!

Post count: 35449

Hi frodojrr,
Using tagDiv Composer, you can only set the style for blockquotes in the single post template, but since the alignment option justification does not exist, I’m sorry!
But, if you want to set a static blockquotes with tagDiv Compose on a page or in a cloud template, you can do this by collating column text or text with title element -> https://i.imgur.com/AO6i9co.png and for justification you’ll need an extra css.
If you want to set blockquotes in posts, and you are using the classic editor, then it can be used the same method like the one mentioned above.
For css code try this one
div blockquote p{
text-align: justify!important;
}

I hope this will help you!

Post count: 27

Calin,

This helps! Thank you! Finally, with Newspaper and help optimizing from a friend my site loads lightning fast. Finally.

Didn’t want to add more CSS if it wasn’t necessary, but the additional styling will help.

Much obliged!

Post count: 27

The code you gave, even with !important; is not overriding the blockquote yet.

Here’s a story with blockquote:

https://enewspf.com/latest-news/human-interest/this-goy-will-miss-debbie-friedman/

Post count: 35449

Hi,
Indeed the code was not strong enough to overwrite the one that was already set. Please try this one
.single .tdb_single_content div blockquote p{
text-align: justify!important;
}

This should work!
Let me know the results!

Post count: 27

Calin:

Almost! I dug inside with Web Developer for Chrome and found this div which I styled to justify. That worked!

.tdb-block-inner blockquote p{
text-align: justify !important;
}

Worked on this page. I’ll find another page with blockquotes and see if it worked there too.

Thank you!

Post count: 35449

I’m glad that you mange to find a solution!
Good luck!

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