Captions on Images have messed up margins

  • Posted in : Editor
  • aspotz
    Participant

    See this image: http://s3.postimg.org/hwcpxvk5f/styling_wrong.png

    The caption exceeds the width of the image, and the right margin is much too far removed from the paragraph body. Also, is the font-size supposed to be that large?

    Thanks!

    serkan
    Moderator

    Hi aspotz,
    Could you provide me your url please? I will check what is effecting your margin much.

    aspotz
    Participant

    serkan, my website is under construction & only accessible to certain users. do you have a PGP/GPG public key or email address I can send the login credentials to?

    serkan
    Moderator

    Hi aspotz,
    srkn87@hotmail.com

    aspotz
    Participant

    serkan, I just e-mailed you the details. Thank you!

    serkan
    Moderator

    Hi asptz,
    I just added a custom css code and deactivated your plugin you were using wrong shortcodes for the image. Now it looks fixed. Thanks.

    aspotz
    Participant

    serkan, what was the custom css code? I don’t see it fixed

    serkan
    Moderator

    This code prevents the exceeds of the photo.

    @media screen and (min-width: 1200px) { 
    	.content-area:not(.with-sidebar) .alignright, .content-area:not(.with-sidebar) .wp-caption.alignright { margin-right: 0; } }

    Appearance > Customize ( Custom css) Please have a look there.
    As you see in our demo, photos are exceeds from the line. It is not a mistake, it is a style but we can customize it as well. I hope you are happy now :d
    Cheers

    aspotz
    Participant

    Hi serkan,

    It works!!! Very happy, Thank You :D One caveat: caption looks perfect on images that are “medium”, but when images are “large”, the caption width is too small. Is the [caption] shortcode a feature of WordPress, or a feature of Editor? I think it would be easiest if one could specify the width of the caption as an attribute for the shortcode…

    In Appearance > Customize > Custom CSS, all I see is:
    .post .entry-content > p {
    line-height: 1.8;
    font-size: 15px;
    }
    .wp-caption-text { max-width: 250px; }

    I do not see the snippet of code you posted above. Is that something you added to one of the stylesheets directly?

    Thanks!!

    serkan
    Moderator

    Hi, we will fix this with the next update. Thanks for the feedback.

    aspotz
    Participant

    Hi serkan, thank you! Looking forward to it.

    I wrote a review and submitted a rating on Themeforest in show of my support.

    Mehmet S.
    Keymaster

    Hi, new version is available on Themeforest.

    http://themeforest.net/user/pixelwars/portfolio

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register