Pop Up Photos

[Glen64]

Hi all

After my photos have popped up, there is a white border around them. How do I change the colour or get rid of that?

Thanks

Glen

[gwpriester]

Make sure your photos are sized in even pixel amounts. For example 450.7 x 240.6 will show a white outline because Xara is anti aliasing to the white of the page.

[Glen64]

Thank you GW but I still can't get rid of the white outline.

[letsgofishing]

Thank you GW but I still can't get rid of the white outline.

Create a placeholder - a rectangle for example on the mouse off layer and drag it off the page.
Select it then "web properties", then "placeholder" and in the "head" section, paste this code.

<style type="text/css">
.highslide-image {
border: none;
</style>

[Acorn]

Create a placeholder - a rectangle for example on the mouse off layer and drag it off the page.
Select it then "web properties", then "placeholder" and in the "head" section, paste this code.

<style type="text/css">
.highslide-image {
border: none;
</style>

LGF, try the same code in the Page code (head).
It should do the same without the need for adding a Placeholder.

Acorn

[Acorn]

LGF, try the same code in the Page code (head).
It should do the same without the need for adding a Placeholder.
Acorn

I have tried the code LGF provided without success.

The following does remove the white outline and can be replaced with a colour of choice:

<script> hs.outlineType = null;
</script>

<style>
.highslide-image {
border-color: red;
}
</style>

All goes in the Page code (head).

acorn

[Glen64]

Thanks Acorn. I'm trying your code but getting the following message

"Placeholders/widgets cannot have Pop-up photo applied"

[Acorn]

Thanks Acorn. I'm trying your code but getting the following message
"Placeholders/widgets cannot have Pop-up photo applied"

Glen, I didn't ask you to add anything to any Placeholder - see Post #6 above.
The code fits into Web Properties > Page > HTML code (head).

Have a look here: CSS3 - Borderless Pop-ups.xar

Acorn

[Glen64]

Got it. That has at least minimised the border and let me change to black which is acceptable.

I also realised that I simply replaced the template photos which had borders, rather than inserting so I actually had 2 borders.

Anyway, all good, many thanks.

[Acorn]

Got it. That has at least minimised the border and let me change to black which is acceptable.
I also realised that I simply replaced the template photos which had borders, rather than inserting so I actually had 2 borders.
Anyway, all good, many thanks.

Glen, glad we could help.

Acorn