Using blockquotes

Posted in: Newspaper
Post count: 107

Hi team! I wanted to know a few things about the blockquotes.
1) How can I reduce the size they appear too big in the article while when I write they are smaller.
2) How can I change the color?
3) Are there any different ways of representing them?

Post count: 107

I need to change the color of blockquotes on mobile to #dd3333

Post count: 20688

Hi,

1. There are font settings for the blockquotes in the theme panel, you can use those to customize them in general – http://prntscr.com/nlzalv

2. The color of the text can be changes as you write the post
http://prntscr.com/nlzb50
Each blockquote can have it’s own color. On the other hand, to color them all at once use this setting – http://prntscr.com/nlzcl4
If no color is set in those locations they will inherit the theme accent color
http://prntscr.com/nlzbzd

3. The theme ads a few styles for quotes – https://forum.tagdiv.com/post-formats-for-tinymce/ (check point 3) but you could create your own with CSS for them, like in this topic for example – https://forum.tagdiv.com/topic/how-to-create-this-type-of-block/

On mobile the same settings should apply. Unless you use the mobile theme, then they will have the color set in the mobile theme accent color – http://prntscr.com/nlzge5
If you don’t want to change the mobile theme accent color, and wish to color only the blockquotes, you can use some CSS – http://prntscr.com/nlzh6t
This code can be entered in the mobile theme custom CSS section
http://prntscr.com/nlzhhj

.td-post-content blockquote p {
color: #dd3333;
}

Please let me know if you have more questions.
Thanks

Post count: 107

How can I change the size of the quote on mobile and also I don’t want it to be fully caps. I need it to be normal like on PC.

Post count: 20688

It could be done for the mobile theme, but only with CSS, there are no font settings for the mobile theme as most are predefined. These are the values used by default
http://prntscr.com/nmbcyy

You can add more to the code from above with the color – http://prntscr.com/nmbdti

.td-post-content blockquote p {
color: #dd3333;
font-size: 15px;
text-transform: capitalize;
}

If you need help let me know.

Post count: 7

I can change the color, but I can not reduce the size with this CSS code

Post count: 20688

That code works just fine on my end. I tried it again – http://prntscr.com/nww9ar
Maybe it requires modifications to apply in your case. Post a link to the website so I can check what the problem is.

Viewing 7 posts - 1 through 7 (of 7 total)
The forum ‘Newspaper’ is closed to new topics and replies.