Theme Blossom Help Desk

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