WordPress.org

1. jacque427
   Member
   Posted 3 years ago #

   It appears that the markup
   [caption id="attachment_233" align="aligncenter" width="300" caption="Caption Name Here"]
   breaks the alignment CSS if you are using Cutline 3-column 1.1.

   A picture will appear align centered when you are composing the post, but is aligned left on the public view side.

   Any suggestions to still use the captions and have the pictures center aligned?

   Removal of that markup aligns the picture just fine.

2. quakemedia
   Member
   Posted 3 years ago #

   it is because the theme doesn't have the new "required" elements..

   add the following to your style.css for the theme and it should work.
   

   .aligncenter,
   div.aligncenter {
      display: block;
      margin-left: auto;
      margin-right: auto;
   }
   
   .alignleft {
      float: left;
   }
   
   .alignright {
      float: right;
   }
   
   .wp-caption {
      border: 1px solid #ddd;
      text-align: center;
      background-color: #f3f3f3;
      padding-top: 4px;
      margin: 10px;
      /* optional rounded corners for browsers that support it */
      -moz-border-radius: 3px;
      -khtml-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
   }
   
   .wp-caption img {
      margin: 0;
      padding: 0;
      border: 0 none;
   }
   
   .wp-caption p.wp-caption-text {
      font-size: 11px;
      line-height: 17px;
      padding: 0 4px 5px;
      margin: 0;
   }

3. jacque427
   Member
   Posted 3 years ago #

   Hurray! That did the trick. Thank you so very much!

   Jacque
   http://www.freshabundance.com/freshblog

4. McDragon
   Member
   Posted 3 years ago #

   There is a similar, if not the same solution on http://wordpress.org/support/topic/192598

5. flobro
   Member
   Posted 3 years ago #

   I added the code to my WP 2.6 / Cutline 2.1 and it works fine

Topic Closed

This topic has been closed to new replies.