Title: Blockquote CSS Needed
Last modified: September 5, 2018

---

# Blockquote CSS Needed

 *  Resolved [lstucki](https://wordpress.org/support/users/lstucki/)
 * (@lstucki)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/blockquote-css-needed/)
 * I’m a very very beginner and wondering if someone can help me with some CSS that
   will alter the look of my blockquotes?
 * I want:
    * the text to be the same size, not bigger * the text to be in italics*
   the blockquote text color to be a solid black * all of the blockquote to show
   up in a box * the entire box indented to the right (the current blockquote indent
   is fine) * the box to be very lightly shaded grey with a 1px black border * 10px(
   or more) space between the blockquote text and the inside border of the box *
   16px (ish) white space between the entire box and the copy before and after it
 * Thank you so much!!

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

 *  [Romik84](https://wordpress.org/support/users/romik84/)
 * (@romik84)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/blockquote-css-needed/#post-10660347)
 * Hi [@lstucki](https://wordpress.org/support/users/lstucki/)
 * please can provide URL to the website with the blockquote? thanks
 *  Thread Starter [lstucki](https://wordpress.org/support/users/lstucki/)
 * (@lstucki)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/blockquote-css-needed/#post-10660455)
 * The blockquote is for a website I’m building that’s not yet live.
    But it’s similar
   to this page – [http://www.cmciuidaho.org/home/about-cmci/grant-information/](http://www.cmciuidaho.org/home/about-cmci/grant-information/).
   I mentioned I’m a beginner, right? I’m embarrassed that I can’t figure this out
   on my own. (Insert face palm here…)
 *  [Romik84](https://wordpress.org/support/users/romik84/)
 * (@romik84)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/blockquote-css-needed/#post-10660500)
 * doesn’t matter if you are a beginner or a pro, for any visual help I need to 
   see the code to provide correct styling ;). For similar to that page, I provide
   following **Additional CSS** which you can paste in the customizer panel:
 *     ```
       blockquote {
           font-size: 1rem;
           font-style: italic;
           color: #000;
           background: lightgray;
           text-align: right;
           border: 1px solid #000;
           padding: 1rem;
           margin: 1rem 0;    
       }
       ```
   
 *  Thread Starter [lstucki](https://wordpress.org/support/users/lstucki/)
 * (@lstucki)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/blockquote-css-needed/#post-10660546)
 * Thank you so much!! I would have spent all day on this.
 *  [Abigailm](https://wordpress.org/support/users/abigailm/)
 * (@abigailm)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/blockquote-css-needed/#post-10660644)
 * If you are a beginner, I would suggest this resource:
 * [https://www.w3schools.com/css/](https://www.w3schools.com/css/)

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

The topic ‘Blockquote CSS Needed’ is closed to new replies.

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

## Tags

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

 * 5 replies
 * 3 participants
 * Last reply from: [Abigailm](https://wordpress.org/support/users/abigailm/)
 * Last activity: [7 years, 8 months ago](https://wordpress.org/support/topic/blockquote-css-needed/#post-10660644)
 * Status: resolved