I think I've seen a mention of this problem elsewhere on the forum, but I can't for the life of me find out where.

I've got this site under development: development.integweb.com/villajasmine/gallery

When the gallery is set to showing all thumbnails there isn't a problem, but now that it's on single thumbnail view I've got this stepped or staggered diagonal layout problem.

Could someone point me in the right direction? Many thanks.

You have a conflict with your template css. Contact your template provider in order to solve it.

Thank you, however the template was created with Artisteer so I'm going to have to figure out the clash myself! Is there an easy way to identify which part of the CSS is causing the problem?

Would really appreciate some help with this one - I've tried a whole heap of edits to the template CSS and can't get these clashes to sort themselves out. Margins and padding seem to be getting overridden, but I can't find a way to fix that.

Any advice or help is greatly appreciated. If I can't sort this I'm going to have to try other gallery plugins.

You must add a div with a different id outside SIG PRO in order your template not to override the SIG PRO css. In addition, you must adjust this id to the SIG PRO css file.

Thank you. I have been trying everything I know to make this work, but would really appreciate some help. It might also be useful for any other Artisteer users who may find this thread.

Once I have a div wrapping the SIG PRO instance, how do I adjust the div to the SIG PRO css file?

I'm becoming confused as it doesn't appear to be a very common thing to do, or am I just looking in the wrong places? If I could get this to work it would be a very useful fix for css clashes with templates.

This issue has to do with your css not SIG PRO. You must ask someone familiar with css for help.

In case it's of help to anyone else searching with a similar thumbnail layout problem here's how I solved it.

I added the following CSS to template.css

ul.sig-container-single {
float:none !important;
}

li.sig-block {
padding-left: 0px !important;
overflow:visible !important;
float:none !important;
}

It was interesting to note that I discovered a very similar problem appeared on the rhuk_milkyway template, so it isn't just with Artisteer that this issue could arise.

In case it's of help to anyone else searching with a similar thumbnail layout problem here's how I solved it.

I added the following CSS to template.css

ul.sig-container-single {
float:none !important;
}

li.sig-block {
padding-left: 0px !important;
overflow:visible !important;
float:none !important;
}

It was interesting to note that I discovered a very similar problem appeared on the rhuk_milkyway template, so it isn't just with Artisteer that this issue could arise.

Thanks really worked.

You're welcome ojisan. Glad it was useful to someone else!  :)