Theme Blossom Help Desk

When I add an image (with link) and try to center it, the image stays left-aligned. Can you please help?

Sure,

please follow these steps:

1. open js/themeblossom.js

2. find these lines:

	$('a[href$=jpg], a[href$=png], a[href$=gif], a[href$=jpeg], .singleItem .thumb a').each(function()
	{
		if(!$(this).attr('rel') != undefined && !$(this).attr('rel') != '')
		{
			$(this).attr('rel', 'prettyPhoto');

		}

 

and change them to read:

 

	$('a[href$=jpg], a[href$=png], a[href$=gif], a[href$=jpeg], .singleItem .thumb a').each(function()
	{
		if(!$(this).attr('rel') != undefined && !$(this).attr('rel') != '')
		{
			$(this).attr('rel', 'prettyPhoto');

		}

		if ($(this).children('img').hasClass('alignleft')) {
			$(this).addClass('alignleft');
		}

		if ($(this).children('img').hasClass('alignright')) {
			$(this).addClass('alignright');
		}

		if ($(this).children('img').hasClass('aligncenter')) {
			$(this).addClass('aligncenter');
		}

 

3. save and refresh your front-end page.