Images Appearing Larger than Set

[ovollc]

I’ve got a strange issue. Can’t seem to figure this out. I’ve disabled all plugins, and that is not it.

I’ve got image DIVs that are appearing 10px larger than what they are set to. (see attached code screenshots of code in WP editor as well as what appears in the HTML). This makes my caption larger than the image.

There seems to be some type of inline style that is inserted somehow/somewhere. Is this the doing of the theme?

Please reference the image/code in there attachments and in the link.

Any help you could give would be greatly appreciated.

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

div#attachment_1423{
width:230px !important;
}

Thanks
Mohammad

[ovollc]

Mohammad,

That will only address that very specific image. This is happening with ALL of the images!?

[ovollc]

I have tried something like this:

.wp-caption-text {
    padding: 10px;
    font-family: "Merriweather Sans",Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0;
    font-weight: 300;
    font-style: normal;
    text-align: left;
    background: #f6f6f6;
    margin-right: 10px;
}

Which fixes the smaller images, but the full width images are then indented

Attachments:

You must be logged in to view attached files.

[ovollc]

I found this, and it looks to be the same issue that I am having:
http://troychaplin.ca/2012/fix-automatically-generated-inline-style-on-wordpress-image-captions/

[ovollc]

Ok, well, I figured it out. Seems this is an issue with WordPress core. You can fix by adding the following to your functions.php

add_shortcode('wp_caption', 'fixed_img_caption_shortcode');
add_shortcode('caption', 'fixed_img_caption_shortcode');
function fixed_img_caption_shortcode($attr, $content = null) {
	// New-style shortcode with the caption inside the shortcode with the link and image tags.
	if ( ! isset( $attr['caption'] ) ) {
		if ( preg_match( '#((?:<a [^>]+>\s*)?<img [^>]+>(?:\s*</a>)?)(.*)#is', $content, $matches ) ) {
			$content = $matches[1];
			$attr['caption'] = trim( $matches[2] );
		}
	}

	// Allow plugins/themes to override the default caption template.
	$output = apply_filters('img_caption_shortcode', '', $attr, $content);
	if ( $output != '' )
		return $output;

	extract(shortcode_atts(array(
		'id'	=> '',
		'align'	=> 'alignnone',
		'width'	=> '',
		'caption' => ''
	), $attr));

	if ( 1 > (int) $width || empty($caption) )
		return $content;

	if ( $id ) $id = 'id="' . esc_attr($id) . '" ';

	return '<div ' . $id . 'class="wp-caption ' . esc_attr($align) . '" style="width: ' . $width . 'px">'
	. do_shortcode( $content ) . '<p class="wp-caption-text">' . $caption . '</p></div>';
}

[Kyle – SUPPORT]

Ok great, glad you managed to solve it

– Kyle