Removing the border around a photo element

[Rob Bedeaux]

Using the photo element is a great way to highlight a sponsor's logo. However, the default includes a border around the image. You can remove that by placing this snippet in the head code of the page

 

<style>.heroPhotoElement img {
    border: 0px;
}
</style>

If you want it to only apply to the current page, make sure you place it in the 'head code' and not the cascading head code. 

 

AS ALWAYS USE CUSTOM CODE AT YOUR OWN RISK. 

[Proulx06]

Rob - where do you add this code? I feel like I used to see a spot for CSS code on my old template, but the one I have now (Itasca) doesn't seem to have it. 

 

I'd like to remove the borders around my sponsor images of my bottom template on http://www.bedfordcannons.org. 

 

If it won't work on this theme, any other way to lose the borders? 

[Rob Bedeaux]

It looks like the setting is disabled on your site. The support team should be able to help you make that change. You can connect with them via the chat bubble on your site.