WordPress.org

Ready to get started?Download WordPress

Forums

Images being resized (7 posts)

  1. von-lumi
    Member
    Posted 1 year ago #

    I am building my photography website using the Tofurious theme and my first post includes a large number of images, some vertical, some horizontal and some diptychs and triptychs (collages). The single images are loading fine but the collages seem to be a tiny bit squished. I've vetted it with some people and they are split as to whether they see any squishing at all - some do, some don't see it.

    The theme I am using says pictures can be 1000 pixels wide but I have mine set at 980 (using Photoshop CS3) for the collages and horizontals (verticals vary). One person who viewed the site says they used Firebug to see that my images are set at 980 pixels wide but they are "displaying" at 930 pixels. I'm not sure how this is happening. And why is it just the collages and not all the images even though I set the dimensions the same? Everything was sized in CS3.

    How can I fix this shift in how the collages are displaying?

    Here's my site: http://luminosityimages.com/blog/
    It's the only post on the home page.

    Thanks for any help...I am in a hurry to fix this as I would like to go live tomorrow.

  2. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

  3. Jeremy Clark
    Moderator
    Posted 1 year ago #

    The css container holding all the images is set at 930 and the images are set to have a max-width of 100% ie making all the images 930 width. A solution would be to edit the style.css and add this.
    p img{height: 100%;}
    This would make sure the images were proportional.

  4. von-lumi
    Member
    Posted 1 year ago #

    @ esmi - yeah, tried that for past issues, never got any responses back at all so I quit trying.

    @ jeremy - strange, I was under the impression it was set for 1000. But this is my first foray into building a blog so I'm a bit out of my comfort zone. I can find the style.css but once in there, where do I insert that line?

  5. Jeremy Clark
    Moderator
    Posted 1 year ago #

    You can either search for the p img string or just insert the whole line at the bottom of the file.

  6. von-lumi
    Member
    Posted 1 year ago #

    awesome! I think that did the trick. It was such a tiny shift that it was difficult to see and some people couldn't even tell. Now that I did the modification, it's hard to tell if anything has changed. LOL. But it looks good so I'm going with it.

    Thanks very much for your help Jeremy!

  7. von-lumi
    Member
    Posted 1 year ago #

    one more hiccup....I tested it on Safari. Some images are fine, some are compressed horizontally, some are stretched vertically.

    Firefox (what I was using before) is still displaying fine though.

    What makes one browser do this but not another and how can I fix it?

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.