Images over full width different sizes with/without caption!?

  • Resolved deansfinest

    (@deansfinest)


    9 years, 1 month ago

    Hey everybody,

    I’m using the Twenty Eleven Theme and customized it up to this point, but can’t solve the last design problem. If I post an image at full width (without caption), then everything is fine and it appears at full width. Now if I post the same image with caption, it will appear a little bit smaller. I’m guessing it has something to do with some ‘width limitation’ of the caption, but couldn’t solve the problem. Also I couldn’t find anything regarding this problem on the net. Has anybody got an idea?

    The Website: http://pardeybloc.de/

    In the first and only post on this blog, you can see two images (with tents) in the lower part of the post. Normally both images should have the same (full) width, but the one with the caption is smaller. (It seems that the problem only occurs for images with full width.)

    I can provide the style.css of my child theme also, if it is needed.

    Thanks.

    Best regards,
    Dean

Viewing 2 replies - 1 through 2 (of 2 total)
  • Michael

    (@alchymyth)

    9 years, 1 month ago

    seems to be caused (at least checked in Firefox with browser inspection tool) by this line:
    max-width: calc( 100% - 18px );

    in:

    .wp-caption {
	background: none; /*Zeile 1-4 auskommentieren, Zeile 5-9 rein f�r Rand um alles*/
	margin-bottom: 1.625em;
	max-width: 96%;
	max-width: calc( 100% - 18px );
	/*max-width: 100%*/
	padding: 0px;
	
	/*border: 1px solid #ddd;
	padding: 5px;
	max-width: 97.5%;
	max-width: calc( 100% - 14px );*/
}

    try and use:

    max-width: 100%;

    not tested in any other browsers.

    Thread Starter deansfinest

    (@deansfinest)

    9 years ago

    Funny, I tried basically the same thing before, but now it works! Thanks.

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

The topic ‘Images over full width different sizes with/without caption!?’ is closed to new replies.