Title: Blockquote styles
Last modified: August 22, 2016

---

# Blockquote styles

 *  Resolved [Mallory Destiny](https://wordpress.org/support/users/mallory-destiny/)
 * (@mallory-destiny)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/blockquote-styles/)
 * I’m trying to make all blockquotes look the same, whether place on the indexpage(
   archive-excerpt) or in a single post, but so far I cannot make it happen. What
   I try to do is make the font-sizes the same and bottom padding smaller.
    What
   part of the css should I change to do so?

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/)
 * (@wpmudev-support4)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/blockquote-styles/#post-5805251)
 * Hey there Mallory,
 * Hope you’re well today!
 * You should be able to do this with some custom CSS. Since this theme has it’s
   own custom CSS tab which is located in Appearance >> Generous Settigs >> Custom
   CSS please try adding the following code there:
 *     ```
       #content-container blockquote > p {
       font-size: 15px;
       margin-bottom: 25px;
       }
       ```
   
 * Note that these are the original values of font size and bottom margin. Change
   them to increase/decrease font size and space on the bottom. If this doesn’t 
   work could you please post link to your site so I can take a look?
 * Hope this helps 🙂
 * Best regards,
    Bojan
 *  Thread Starter [Mallory Destiny](https://wordpress.org/support/users/mallory-destiny/)
 * (@mallory-destiny)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/blockquote-styles/#post-5805256)
 * Hey Bojan,
 * Thank you very much for your reply.
 * Unfortunately this solution didn’t work. I have also tried the following in the
   Appearance >> Generous Settigs >> Custom CSS – section:
 * `blockquote {
    font-style: italic; padding: 5px; letter-spacing: 1px; margin-
   left: 70px; margin-right: 35px; background-color: #F6F6C5; background-image: 
   url("http://tilburgers.nl/wp-content/uploads/2015/02/quote.png"); background-
   repeat: no-repeat; border-width:2px; border-style:ridge; border-color: #DDF79E;}
   and blockquote cite, blockquote em, blockquote i { background-color: #FFFFAA;
   display: block; float: right; margin-top: 10px; margin-bottom: 10px; letter-spacing:
   1px; } and blockquote cite { display: block; float: right; margin-top: 10px; 
   margin-bottom: 10px; letter-spacing: 1px; }
 * Still, the blockquotes in the singel post page and on the front page look different,
   while I would prefer them to look the same.
 * Website-URL: [http://tilburgers.nl/](http://tilburgers.nl/)
 * Maybe I have changed too many things? As all fonts are smalle on the singel-post
   pages, except for the h1 lines.
 * Thank you a lot in advance
    !!!
 *  [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/)
 * (@wpmudev-support4)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/blockquote-styles/#post-5805310)
 * Hey again Mallory,
 * You didn’t make too many changes, your blockquote CSS is the same for both pages.
   However, if I’m right the issue should be related to your home page paragraph
   CSS which is different from your post page paragraph CSS since your home page
   paragraph is getting CSS from another selector, see screenshot [http://screencast.com/t/1cAyi1meO6Oj](http://screencast.com/t/1cAyi1meO6Oj).
 * To try to fix this you should try applying the same CSS for your home page paragraph,
   something like this:
 *     ```
       #archive-container .archive-excerpt p {
       font-size: 13px;
       font-family: Tahoma, Geneva, sans-serif;
       font-weight: normal;
       color: #000000;
       }
       ```
   
 * This should make them look the same as well as the text on both pages.
 * Hope this helps 🙂
 * Best regards,
    Bojan
 *  Thread Starter [Mallory Destiny](https://wordpress.org/support/users/mallory-destiny/)
 * (@mallory-destiny)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/blockquote-styles/#post-5805313)
 * Hey Bojan
 * Hat off for your fast reply again!
 * The ‘bad guy’ turned out to be this one:
 *     ```
       .post-template .post-content p {
           font-size: 15px;
           font-family: Trebuchet, Tahoma, Verdana;
           font-weight: normal;
           color: #000;
       }
       ```
   
 *  [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/)
 * (@wpmudev-support4)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/blockquote-styles/#post-5805317)
 * Hey Mallory,
 * Oh, sorry I assumed it was the other way around. Glad you managed to sort everything
   out 🙂
 * Have a great weekend!
 * Cheers,
    Bojan

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Blockquote styles’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/generous/1.0.1/screenshot.png)
 * Generous
 * [Support Threads](https://wordpress.org/support/theme/generous/)
 * [Active Topics](https://wordpress.org/support/theme/generous/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/generous/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/generous/reviews/)

## Tags

 * [blockquote](https://wordpress.org/support/topic-tag/blockquote/)
 * [css](https://wordpress.org/support/topic-tag/css/)

 * 5 replies
 * 2 participants
 * Last reply from: [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/)
 * Last activity: [11 years, 3 months ago](https://wordpress.org/support/topic/blockquote-styles/#post-5805317)
 * Status: resolved