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]

There was a setting disabled on the Bedford Cannons site. You should be good now.

[Proulx06]

There was a setting disabled on the Bedford Cannons site. You should be good now.

 

Thanks Rob! 

[Proulx06]

Rob - whatever change you made for bedfordcannons.org...can you make the same change to bedfordbulldogs.org? Trying to add this head code but the gray border is still there. 

 

Thanks. 

 

 

[pro2call]

I do not have options to change the Head code or add any CSS (https://www.mobileunitedfc.com), is there a version issue? Thanks.