Image link – floating problem

When I add a link with image aligned left or right, your theme is ignoring this and it keeps showing image in the new line

Please follow these instructions:

1. open js/themeblossom.js
2. find these lines

$("a[rel^='prettyPhoto']").prettyPhoto({
		animation_speed: 'normal',
		slideshow: 4000,
		autoplay_slideshow: false,
		theme: 'facebook'
});

and below them  add these lines:

$("a[rel^='prettyPhoto'] img").each( function() {
	if ($(this).hasClass('alignright')) {
		$(this).removeClass('alignright').parent().addClass('alignright');
	} else if ($(this).hasClass('alignleft')) {
		$(this).removeClass('alignleft').parent().addClass('alignleft');
	} else if ($(this).hasClass('aligncenter')) {
		$(this).removeClass('aligncenter').parent().addClass('aligncenter');			
	} else {
		//
	}
});

3. save and refresh your site in front-end

0