Title: Blockquote alignment problem
Last modified: August 21, 2016

---

# Blockquote alignment problem

 *  Resolved [lhsieh](https://wordpress.org/support/users/printdesignlab/)
 * (@printdesignlab)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/blockquote-alignment-problem-1/)
 * Hello! I am currently using twenty fourteen template and it’s all great so far.
   However, I am struggling with blockquote alignment. Ever since I switched the
   content width from 474 to 700px, the blockquote doesn’t work properly anymore
   and I really want the width to be 700px on the page.
 * See what I mean here:
    [Screenshot 1](http://printdesignlab.luciahsieh.com/?attachment_id=134)
   and [Screenshot 2](http://printdesignlab.luciahsieh.com/?attachment_id=133)
 * Any suggestions on how I could fix this?

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

 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/blockquote-alignment-problem-1/#post-4589387)
 * Do not edit the Twenty Fourteen theme. It is the current default WordPress theme
   and having access to an original, unedited, copy of the theme is vital in many
   situations. First [create a child theme for your changes](http://codex.wordpress.org/Child_Themes).
   Or install a [custom CSS plugin](http://wordpress.org/extend/plugins/search.php?q=custom+css).
 *  Thread Starter [lhsieh](https://wordpress.org/support/users/printdesignlab/)
 * (@printdesignlab)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/blockquote-alignment-problem-1/#post-4589389)
 * Hi esmi,
    I AM currently using a child theme to edit. I just don’t know how to
   fix the blockquote alignment issue.
 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/blockquote-alignment-problem-1/#post-4589392)
 * Unless you provide a link to a page demonstrating the problem, no one will be
   able to offer much in the way of assistance. 🙂
 *  Thread Starter [lhsieh](https://wordpress.org/support/users/printdesignlab/)
 * (@printdesignlab)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/blockquote-alignment-problem-1/#post-4589395)
 * Oops! link here:
    [printdesignlab.luciahsieh.com](https://wordpress.org/support/topic/blockquote-alignment-problem-1/printdesignlab.luciahsieh.com?output_format=md)
   The blockquotes alighment work fine when it’s in a smaller screen, but when it
   goes to full screen, it goes out of place.
 * Thanks for your help!
 *  [Nhat](https://wordpress.org/support/users/gotonhat/)
 * (@gotonhat)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/blockquote-alignment-problem-1/#post-4589397)
 *     ```
       @media screen and (min-width: 1260px) {
       .site-content blockquote.alignleft, .site-content blockquote.alignright { margin-right: -12%; }
       }
       ```
   
 * That should fix the issue.
 *  [batharoy](https://wordpress.org/support/users/batharoy/)
 * (@batharoy)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/blockquote-alignment-problem-1/#post-4589403)
 *     ```
       @media screen and (min-width: 1260px) {
           .site-content blockquote.alignright {
               margin-right: 0;
   
       }
       ```
   
 *  Thread Starter [lhsieh](https://wordpress.org/support/users/printdesignlab/)
 * (@printdesignlab)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/blockquote-alignment-problem-1/#post-4589410)
 * WOOHOO!! Issue solved!
 * In the end, I took batharoy’s code and added a block left alignment too:
 *     ```
       /*Fix blockquote alignment issue*/
       @media screen and (min-width: 1260px)
           .site-content blockquote.alignright {
               margin-right: 0;
       }
   
       @media screen and (min-width: 1260px)
           .site-content blockquote.alignleft {
               margin-left: 0;
       }
       ```
   
 * Thanks guys!
 *  Thread Starter [lhsieh](https://wordpress.org/support/users/printdesignlab/)
 * (@printdesignlab)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/blockquote-alignment-problem-1/#post-4589412)
 * Actually, Nhat’s works too! I like this one better actually because it indents
   a little bit out which makes it more appealing. However, it’s based on user’s
   preference.
 *     ```
       @media screen and (min-width: 1260px) {
       .site-content blockquote.alignright { margin-right: -12%; }
       .site-content blockquote.alignleft {margin-left:-12%;}
       }
       ```
   
 *  [batharoy](https://wordpress.org/support/users/batharoy/)
 * (@batharoy)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/blockquote-alignment-problem-1/#post-4589418)
 * No need to call the [@media](https://wordpress.org/support/users/media/) twice.
   
   You can nest the selectors
 * [@media](https://wordpress.org/support/users/media/) screen and (min-width: 1260px)**{**
   _.
   site-content blockquote.alignright { margin-right: 0; } .site-content blockquote.
   alignleft { margin-left: 0; } **}**
 *  Thread Starter [lhsieh](https://wordpress.org/support/users/printdesignlab/)
 * (@printdesignlab)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/blockquote-alignment-problem-1/#post-4589420)
 * My bad! Thanks for the correction.

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

The topic ‘Blockquote alignment problem’ is closed to new replies.

## Tags

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

 * 10 replies
 * 4 participants
 * Last reply from: [lhsieh](https://wordpress.org/support/users/printdesignlab/)
 * Last activity: [12 years, 3 months ago](https://wordpress.org/support/topic/blockquote-alignment-problem-1/#post-4589420)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics