Title: Image centering problem
Last modified: March 16, 2020

---

# Image centering problem

 *  [mikaelh](https://wordpress.org/support/users/mikaelh/)
 * (@mikaelh)
 * [6 years ago](https://wordpress.org/support/topic/image-centering-problem-2/)
 * Hey!
 * I’ve got a cosmetic issue with spread pages. I’m not terribly advanced with CSS
   so I can’t seem to conjure up a solution for this.
 * Single page comics show up just fine. They’re always a fixed width and pose no
   problems, as they center without issue and align with everything else. However,
   if you look at the linked page, you’ll notice that the spread pages are a little
   awkward to look at. They don’t center, and you have to scroll right to view them.
 * I reckon the centering problem is because the comic image inherits its properties
   from the body. Is there any way to fix this?
 * This is how the CSS for the **#comic** and **#comic img** look like.
 *     ```
       #comic img {
       max-width: 2000px;
       height: auto;
       text-align: center;
       border-bottom-right-radius: 15px;
       border-bottom-left-radius: 15px;
       border-top-left-radius: 15px;
       border-top-right-radius: 15px;
       	border-bottom: solid 1px #000;
       	border-top: solid 1px #000;
       	border-left: solid 1px #000;
       	border-right: solid 1px #000;
       }
   
       #comic {
       display: block;
       margin-left: auto;
       margin-right: auto;
       padding-left:45px;
       padding-top: 0px;
       text-align: center;
       display: table-cell;
       vertical-align: top;
       width: 100%;	
       }
       ```
   
 * Cheers!
    -  This topic was modified 6 years ago by [mikaelh](https://wordpress.org/support/users/mikaelh/).
    -  This topic was modified 6 years ago by [mikaelh](https://wordpress.org/support/users/mikaelh/).
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fimage-centering-problem-2%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  [MaxVaehling](https://wordpress.org/support/users/maxvaehling/)
 * (@maxvaehling)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/image-centering-problem-2/#post-12981455)
 * It appears you theme’s page size is limited to 900px. That’s why the #comic area
   starts whereever that outer frame puts it. The extended max-width of your comic
   image then makes it overflow to the right.
 * A simple fix would be to not limit the page itself like that but just the header
   and subcontent-wrapper area above and below the comic. That would allow you to
   also keep the default 100% max-width for the image – it would then just spread
   to the outer edge of the window and resize right on a mobile device.
 * Of course, I have no idea what that’ll do to the rest of your site but the layout
   seemns simple enough, so it should work.

Viewing 1 replies (of 1 total)

The topic ‘Image centering problem’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/comic-easel_226fa1.svg)
 * [Comic Easel](https://wordpress.org/plugins/comic-easel/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/comic-easel/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/comic-easel/)
 * [Active Topics](https://wordpress.org/support/plugin/comic-easel/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/comic-easel/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/comic-easel/reviews/)

## Tags

 * [center](https://wordpress.org/support/topic-tag/center/)
 * [comic](https://wordpress.org/support/topic-tag/comic/)
 * [image](https://wordpress.org/support/topic-tag/image/)

 * 1 reply
 * 2 participants
 * Last reply from: [MaxVaehling](https://wordpress.org/support/users/maxvaehling/)
 * Last activity: [5 years, 10 months ago](https://wordpress.org/support/topic/image-centering-problem-2/#post-12981455)
 * Status: not resolved