Is there a way to avoid the blue border around hyperlinked photos and graphics?

You bet you can - in a couple of ways.

On the image tag itself you can specify no border like this...

<a href="somelink"><img src="images/mypic.gif" border="0"></a>

Or you can do it with inline styles...

<a href="somelink"><img src="images/mypic.gif" style="border: none;"></a>

Or in style tags in the doc's HTML Head Attributes (or even site-wide if you add the .linkedImage style to your site's CustomStyles.css document)...

<style type="text/css">

     .linkedImage { border: none; }

</style>

<a href="somelink"><img src="images/mypic.gif" class="linkedImage"></a>

<a href="otherlink"><img src="images/yourpic.gif" class="linkedImage"></a>

Regards, Brian

PS - If you NEVER want a border you can even style the html img tag in your styles...

<style type="text/css">

     img { border:  none; }

</style>

Kendra Mara:

Hi Brian,

Thank you so much for the help! I just need a little clarification because I am very unfamiliar with coding and don't know how to use CSS. I'd like to choose the last option, which is to never have a border on my images, so where do I need to adjust that code? Can I do that without a CSS code or so I have to manually remove it from the HTML on each page?

Thanks!

You can put that line in your CustomStyle.css file - which is the global style sheet for your Convio installation.

Setup > Page Wrapper Editor > Edit CustomStyle.css

At the bottom of the contents add the line...

img { border: none; }

Regards, Brian

Kendra Mara:

Hi Brian,

Thank you so much for the help! I just need a little clarification because I am very unfamiliar with coding and don't know how to use CSS. I'd like to choose the last option, which is to never have a border on my images, so where do I need to adjust that code? Can I do that without a CSS code or so I have to manually remove it from the HTML on each page?

Thanks!

Also in the dialog box for adding/editing images, there's a field for border, where you can put "0" in.