Okay
  Public Ticket #508928
Image scaling
Closed

Comments

  • Joerg started the conversation

    Hi,

    we had to change the webhost so I implemented a new WP installation with your theme. But now I can't set the image to be shown with a width of 1150px at the front page. Before that the image "went" almost to the border of the content area while the text was shown normally within this 630px width area.

    Could you please tell me what I am doing wrong?

    Cheers
    Joerg

  •  296
    Paul replied

    Hi Joerg!

    I just checked your site and see that the image is already showing with 1150px width (screenshot: http://cl.ly/image/1s3j2s0x2J0H ). So did you already figure that out?

    Regards,
    Paul

  • Joerg replied

    Hi Paul,

    no, I just saw that it works in chrome but doesn\'t work in firefox and IE. So, it is still an open issue.

    Please advise.

    Greetings
    Joerg

  •  296
    Paul replied

    Hmm. I did check your site again on Firefox, IE11, IE10, and IE9 and all browsers display your site as same as Chrome\'s.

    Firefox screenshot: http://cl.ly/image/1e1P033z043M

    IE11, 10, 9: http://cl.ly/image/2A033F1Y2028

    Is that the correct size you want it to display?

    Could you also send me the screenshot on your end?

    Anyway, please try:

    1. Reupload the image of the post and save it again.

    2. Clear all web and your browser caches.

    See if this helps.

  • Joerg replied

    This is totally weird. I don\'t understand it. Attached please find screenshots how I see it. With IE10 it looks how it should be, in firefox (version 40.0) it shows it wrong, with chrome everything seems to be fine again.. I checked it with two different computers. Also I reuploaded the image and cleared cache.

    Do you have any idea what\'s happening here?

  •  296
    Paul replied

    Thanks for your screenshots. It looks like that it might be about the CSS media query in this case. Please go to \"Style Customizer > Others > Custom CSS\" and try putting this code:

    @media only screen and (max-width: 1280px) {
    
    .center-layout .post-image, 
    .center-layout-js .post-image {
        width: 100%;
        max-width: none;
    }
    
    }

    Hope this helps!

  • Joerg replied

    This helps great, thank you!

    Would it be possible to implement this in our next theme update so that I don\'t have to worry about it anymore?

    Thanks again.
    Joerg

  •  296
    Paul replied

    Sure, I already noted this into my to-do list. :)