Images in pages CSS Problems

  • I’m having an issue where any image I insert into a page, is automatically resizing to a width of 544px. I’m guessing the creator of my specific theme (Nightclubbing) did this so that any images larger than this won’t break the layout.

    The issue is, I’d like to put a small thumbnail in one of my pages, but it’s forcing up to a “width=544px, height=”auto” and making the image huge.

    I imagine this is the culprit:

    /*  Images */
p img {
	width:544px;
	height: auto;
	background:none!important;
	border: 0px solid white !important;
}

    But I don’t want to remove this property because it’s great at auto-scaling all my images on my front-page.
    Also, any attributes I add to the image itself get completely ignored because of this.

    Any help would be appreciated!

Viewing 5 replies - 1 through 5 (of 5 total)

  • try and change the one line to:

    max-width:544px;

    remove the “width:544px;” declaration in your style.css.
    specify your “Thumbnail/Medium/Large” image sizes in Media Settings (Settings/Media)..

    this should take care of the max width sizing for your images and not force it to stretch to 544px. you’ll might also need to style the images appropriately once this is achieved.

    -Raby

    Their must has some coding problems.In your html sheet you also have to write height and width of the images.If not working then declare the small,medium this way.

    Thread Starter flipnotic

    (@flipnotic)

    Perfect! both options worked, thanks so much!!

    im having kind of a similar issue, although when i upload any size pictures in the media uploader, it doesnt allow me to resize them at all… unfortunately, that inhibits the featured imgs from fitting properly in the spaces provided in my theme.

    ive tried exaggerating the img sizes to see if they eventually fit in the spaces for them, but even at 4000px X 3400px – the media uploader or something inside the code resizes the imgs improperly to fit in the 300px wide thumbnail box. it puts them all at 238px wide…the height is fine..

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Images in pages CSS Problems’ is closed to new replies.