Philip Trauring
asked 6 years ago

I’m just wondering if you could simplify the presentation of quotes. As they’re generally short, and it doesn’t really matter who posted them, but who authored them, maybe get rid of everything except the text of the post – no author link, no subject etc. A theme that does this really well is Origin – take a look at the blue quote. The stylized quote icon is also nice – it makes it clear it’s a quote without having to say ‘Quote’. They make the presentation slick by separating the entry of the quote and author into two different custom fields, so they can format them better.

1 Answers
DominicStaff
answered 6 years ago

Hello Philip ! 
If you want to change the format quote in the DW Timeline pro as the theme that you provided, you can log in to Dashboard > Appearance > Customize > Custom Code, add the following code to the Header Code: 

 <style>
.format-quote .entry-format, .format-quote .entry-meta, .format-quote .entry-title {
    display: none;
}
.fa-quote-left {
    text-align: center;
}

blockquote cite:before {    
     content: "";
}
</style> 

After adding code to the Header Code, please open the Posts, add the following code to the “Text” Frame.

 <blockquote class="fa fa-quote-left">Design is not just what it looks like and feels like. Design is how it works.
<cite>Steve Jobs</cite></blockquote>

Hope this helps !

Philip Trauring
replied 6 years ago

Thanks so much. That’s really great. How do I change the background color of the quote? I noticed it’s colored in your demos, but it’s gray when I use it. Thanks.

Dominic Staff
replied 6 years ago

Hi Philip !
If you want to change the background color for the quote, you can add the following code to the header code:

If you still face the issue, please send me your site for further checking.
Hope this helps !

Philip Trauring
replied 6 years ago

Thank you. I had to add !important to the background line to get it to work. The color worked without modification.

Last question on this topic, is there a way to remove the white border from around the quote? I suppose I could make the background of the post the same color as the block quote, but changing the color of the post hasn’t been working for me (at least from within the editor).

Dominic Staff
replied 6 years ago

Hi Philip !
To remove the white border from around the quote & change background of the post, you can add the following code to the Header Code:

Hope this helps !

Philip Trauring
replied 6 years ago

That worked, thanks.

Philip Trauring
replied 6 years ago

I just noticed something. Quotes in regular posts also have the background color I set here. How can I set it so only the block quotes in a Quote post type are colored?

Dominic Staff
replied 6 years ago

Hi,
Please send me your site for further checking.

Powered by DW Question & Answer Pro