Change image size when middle aligned

  • Posted in : Impose
  • vasvalch
    Participant
    3 March 2016 at 23:27
    #29280

    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
    6 March 2016 at 21:20
    #29307

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

    vasvalch
    Participant
    9 March 2016 at 18:48
    #29406

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

    I see the same issue with the youtube embed shortcode.

    serkan
    Moderator
    10 March 2016 at 15:22
    #29424

    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
    11 March 2016 at 10:35
    #29442

    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
    12 March 2016 at 11:42
    #29451

    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
    29 March 2016 at 10:31
    #29824

    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
    29 March 2016 at 13:56
    #29827

    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
    5 April 2016 at 14:03
    #29963

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

    serkan
    Moderator
    5 April 2016 at 15:38
    #29964

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

    elisabethhurel
    Participant
    9 June 2017 at 00:21
    #49023

    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
    10 June 2017 at 13:23
    #49034

    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
Impose Blog WordPress Theme
Login and Registration Log in · Register