Rob Bedeaux Posted April 19, 2016 Share Posted April 19, 2016 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. Rob Bedeaux (he/him/his) Director, Content Marketing & Strategy E rob.bedeaux@nbcuni.com Link to comment Share on other sites More sharing options...
Proulx06 Posted October 26, 2017 Share Posted October 26, 2017 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? Link to comment Share on other sites More sharing options...
Rob Bedeaux Posted October 26, 2017 Author Share Posted October 26, 2017 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. Rob Bedeaux (he/him/his) Director, Content Marketing & Strategy E rob.bedeaux@nbcuni.com Link to comment Share on other sites More sharing options...
Question
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
Rob Bedeaux (he/him/his)
Director, Content Marketing & Strategy
E rob.bedeaux@nbcuni.com
Link to comment
Share on other sites
2 answers to this question
Recommended Posts
Archived
This topic is now archived and is closed to further replies.