Change image size when middle aligned

  • Posted in : Impose
  • vasvalch
    Participant

    Hi guys!

    First thing’s first, LOVE the theme, great job!

    Now, my question. I’m using the theme and in some of my posts, there are images (graphs, screenshot pieces) that I want to align in the middle, but I don’t want them to be resized to the huge default size. Is there a way to do that? Changing the image size when editing the post doesn’t do anything and the best solution I’ve found so far is to have the image aligned left or right, but that’s not suitable for all cases.

    serkan
    Moderator

    Hi vasvalch,
    Could you provide me your related url please ?
    Thanks

    vasvalch
    Participant

    Here’s an example: http://vasvalch.com/edelman-trust-baromether-2016/

    I see the same issue with the youtube embed shortcode.

    serkan
    Moderator

    Hi vasvalch,
    Can you try to use this custom css code please?

    .single .content-area:not(.with-sidebar) .gallery, .single .content-area:not(.with-sidebar) .aligncenter, .single .content-area:not(.with-sidebar) .media-wrap, .single .content-area:not(.with-sidebar) .entry-content .owl-carousel { width: 100%; margin-left: auto; margin-right: auto; }
    vasvalch
    Participant

    That takes it down to the size of the post (658 px) and doesn’t take into account the 940 px size of the content width set in the Customize . I’d like to have the photos at that width and the text to be kept at the current 658px width.

    serkan
    Moderator

    Hi vasvalch,
    Could you delete that custom css code and explain to me more what do you want to get. It gets mess up. I would like to help you more. Thanks for your patience.

    vasvalch
    Participant

    Ok, I’ve removed the code. Here’s the example link again: http://vasvalch.com/edelman-trust-baromether-2016/

    And here is an overview of what I want to do: http://i.imgur.com/LH7QEXA.png

    serkan
    Moderator

    Hi vasvalch,
    It is not possible by default with custom css codes. There are two options.
    You can use our custom css code which i gave you above or keep it default to overflowing image style.

    Last thing you can keep the photos with 1000px with this custom css code;
    @media screen and (min-width: 1400px) {
    .single .content-area:not(.with-sidebar) .gallery, .single .content-area:not(.with-sidebar) .aligncenter, .single .content-area:not(.with-sidebar) .media-wrap, .single .content-area:not(.with-sidebar) .entry-content .owl-carousel { max-width: 1000px; margin-left: -26%; margin-right: auto; } }

    vasvalch
    Participant

    Thanks a lot, that’s really helpful! :)

    serkan
    Moderator

    You’re welcome, please don’t forget to rate the theme on themeforest if you liked it, thanks.

    elisabethhurel
    Participant

    Hi there!

    I’ve the same problem, except that I would like the images to actually get back to normal as it used to be (so width: 1440px I think) on the posts with no sidebar… For some reasons it changed, the images are now smaller (text width) despite the fact that the width is correct in the functions.php file :/

    Thank you very much for your help!

    serkan
    Moderator

    Hi elisabethhurel,
    You can try running this plugin and regenerate all your images for once;
    https://wordpress.org/plugins/regenerate-thumbnails/
    Thanks

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