Editing image thumbnail style

[Zerozeddy]

I am using image thumbnails in a topic and want nice crisp right-angled corners. The HTML in the source .htm file is

Code: Select all

<img src="test.png" class="Thumbnail" />

and in the CSS

Code: Select all

img.Thumbnail
{
	mc-thumbnail-max-height: 75px;
	mc-thumbnail: hover;
	border: none;
}

Note no radius attributes, and checking in the Style Editor view the defaults are 0px.

This looks fine in Flare itself, but when I do the output (HTML5), the style jiggery-pokery results in

Code: Select all

<img class="MCPopupThumbnail img imgThumbnail">

using the Topic.css style

Code: Select all

.MCPopupThumbnail
{
	-moz-border-radius: 5px;
	border-radius: 5px;
}

Where do these 5px values come from and how can I remove them?

[Jbleasdale]

I had the same issue.

To resolve it, I set the border-radius property in img.thumbnail to 0px and that overrides the skin on compile by the looks of it.

When it pops out, the pop out itself still has rounded corners... that's because div.MCpopupcontainer also gets a 5px radius from topic.css as well. So you'd need to address that in your stylesheet too.