WordPress.org

Forums

[resolved] Image Squashed on Page (12 posts)

  1. wealthpossible
    Member
    Posted 2 years ago #

    Hi all,

    I have inserted an image to a page on my site which has no sidebar. The image in 900px across as is the width of the no-sidebar template I'm using I tried adjusting widths in the CSS but I can't figure out what the problem is. It's as if the image refuses to go any wider than 570px (the width of the content when the sidebar is present.)

    Does anyone here have any ideas on how I could fix this?

    Regards

  2. kmessinger
    Forum Moderator
    Posted 2 years ago #

    Please post a link showing the problem.

  3. wealthpossible
    Member
    Posted 2 years ago #

    Sorry, I forgot to include the link.

    http://www.mytraguspiercing.com/ebook/

  4. wealthpossible
    Member
    Posted 2 years ago #

    I have already changed the CSS to:

    .entry img {
    	max-width: 900px;
    }

    and I still have the problem.

  5. Andrew
    Forum moderator
    Posted 2 years ago #

    Which image is squashed?

  6. wealthpossible
    Member
    Posted 2 years ago #

    All the content on the page is one image. That's the one that is squashed.

  7. Andrew
    Forum moderator
    Posted 2 years ago #

    Where did you make that CSS change, that max-width CSS change you posted earlier?

  8. wealthpossible
    Member
    Posted 2 years ago #

    I changed it in the Visual Editor Stylesheet.

  9. Andrew
    Forum moderator
    Posted 2 years ago #

    Download (and install) this Custom CSS Manager plugin. Then use its section of the dashboard to hold your CSS modification instead.

  10. David V
    Member
    Posted 2 years ago #

    The div class "entry" has a max width of 600px for the entry image class, so you need to change that which is in your style.css line 362.

    .entry img {
    max-width: 600px;
    }

    If you don't override that css class, your image will never be larger then that.

  11. wealthpossible
    Member
    Posted 2 years ago #

    I changed the following to 900px:

    }
    .wp-caption img {
    	border: 0 none;
    	margin: 0;
    	max-width: 900px;
    	padding: 0;
    }

    ...and it worked! Thanks for all the help guys! :)

  12. wealthpossible
    Member
    Posted 2 years ago #

    Resolved

Topic Closed

This topic has been closed to new replies.

About this Topic