automatic image re-sizing problems in Mon Cahier

  • Resolved dainsmoland

    (@dainsmoland)


    11 years, 2 months ago

    Hi. I removed the sidebar on my site (by removing <?php get_sidebar(); ?> from the page.php) and re-sized the content (adding #main into the jetpack css editor and changing .site-content width to 960). That worked fine and functions how I want. However, I’m trying to add images to my pages which I have custom-sized to fit across the page (they all have widths of 960), but my images are getting re-sized when I publish them to a slightly smaller and out of proportion version. Clicking on them opens up the correctly sized image, but I can’t get the full-sized image to display in the content. (see, for example, Home on smolandlaw.com).

    Any suggestions? Thanks for any help…

    Dain

Viewing 7 replies - 1 through 7 (of 7 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 2 months ago

    Hello dainsmoland, are you using a Child Theme?

    Thread Starter dainsmoland

    (@dainsmoland)

    11 years, 2 months ago

    Hi. Thanks for your quick reply. I removed the sidebar by pulling up the page.php template in the “editor” (because I do not know how to do a child theme and it seemed like such a minor change that I can easily reverse; i’m very new at this) but for the content re-sizing and some changes I made to the font, I am copying sections of the code into the Jetpack Custom CSS editor and tinkering around there, because I thought that functions a bit like a child theme (?)…

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 2 months ago

    In Jetpack’s Custom CSS section, add this;

    .entry-content img {
 max-width: initial;
}

    Thread Starter dainsmoland

    (@dainsmoland)

    11 years, 2 months ago

    That seemed to work as far as displaying the full-sized image. Thanks so much for your quick help!

    The image sits a bit to the right of the text alignment (I tried all three image-alignment settings, and it looks like “none” is closest to being aligned, but still a bit off). Any thoughts on that?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 2 months ago

    That’s part of the image http://smolandlaw.com/wp-content/uploads/2013/01/web5-e1359358261529.jpg

    paulwpxp

    (@paulwp)

    11 years, 2 months ago

    2 things ( as a side note)

    (1)
    The content area can’t be 960px because it has left and right padding too, notice the text span of the page now is way too the right ? The content area must be 920px.

    (2)
    The CSS selecter used to change the page width is not really the right now, doing the way it is now preventing you from using a sidebar on blog post, it’s okay if you will only use this theme full width in all post/page, but still you’d have targeted it with page class.

    Thread Starter dainsmoland

    (@dainsmoland)

    11 years, 2 months ago

    Andrew: I see what you mean. I should be able to figure it how to get it centered.

    paulwp: You’re right. I set the content 920 and it looks better.

    Thank you both.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘automatic image re-sizing problems in Mon Cahier’ is closed to new replies.