Support » Themes and Templates » Pic Captions w/Cutline 1.1 and WP 2.6

  • Resolved jacque427

    (@jacque427)


    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.

Viewing 4 replies - 1 through 4 (of 4 total)
  • 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;
    }

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

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

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

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Pic Captions w/Cutline 1.1 and WP 2.6’ is closed to new replies.