Can we create our own icon for Media Items?

Modified on Tue, 02 Aug 2022 at 10:47 AM

Media items are displayed below session / sub-session descriptions. Link based media items display an icon and text. See the screenshot below. The media item with title "Contact the speaker(s) for this session" has an icon of a globe in a page.



A default image will be used if no icon URL is supplied. 


Create your own icon based on this example (right click the image to download it): 




Notice how the graphic itself has extra padding. The icon in the graphic does not go edge to edge. Make sure to keep that padding. In the image below you can see the white area that is the padding, creating extra white space/margin.


Specs:

  • 170px wide x 140 px tall at 72dpi
  • .png file format
  • Ensure to provide sufficient margin of at least 20px to the edge of the graphic. So your icon graphic may only be 150x120 pixels in size within the image file to include the padding as shown in the sample above. 
  • Compress the graphic to ensure smallest file size using services like tinypng
  • Upload the graphic to your server and note down the URL. Ensure the URL does not contain symbols or spaces and starts with https:// and not http://.
    Correct URL: https://mydomain.org/graphics/speakercontact.png
    Bad URL (missing s after http:, contains symbols, spaces, and has the wrong file extension): http://mydomain.org/graphics/speaker [1] version.pdf
    • If you don't have a web server, you can upload the graphic to your project via the EventPilot CMS > Design > Image Uploads
  • Copy the URL the EventPilot CMS generated for you and use it with your Media CSV or media data source in the Icon column 



Examples of Media Items





Additional Sample Icons 



https://ativsoftware.com/img/icons/ep-icons-facebook.png


https://ativsoftware.com/img/icons/ep-icons-linkedin.png


https://ativsoftware.com/img/icons/ep-icons-pinterest.png


https://ativsoftware.com/img/icons/ep-icons-twitter.png




Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us how can we improve this article!

Select atleast one of the reasons

Feedback sent

We apprciate your effort and will try to fix the article