Video Icon for Sermon Series Page

Support Area Forums Epic Video Icon for Sermon Series Page

Tagged: ,

Viewing 2 posts - 1 through 2 (of 2 total)
URL to the page in question: http://www.levittownchristian.com/series/reasons-to-believe/
  • Author
    Posts
  • #30454
    Jennifer Johnson
    Participant

    We are linking in a video for our sermons. We’d also like it to show up on the series page like audio listen, download and notes currently do. I added that in by editing podcast-details — I suspect a child theme would be better to prevent updates from overwriting. Would like to show an icon like Listen and Download. Is there a video suggesting icon in the Icons font? If so, how would I add that to CSS?

    More generically, is there an index of the icons available in the Icons font?

    Finally — is there another, better supported way of doing what I’m trying to do? You can see an example at http://www.levittownchristian.com/series/reasons-to-believe/.

    #30465
    Bill Robbins
    Moderator

    Good Morning Jennifer,

    You can do that. I would place the changes into a child theme just to be on the safe side with updates. The file you’ll need to edit is called podcast-details.php and it’s in a folder inside the theme called layouts. You’ll need to create a layouts folder in your child theme and place the file in it. Here’s what the modified file should look like:

    For the CSS, let’s add this to the child theme’s style.css file. It won’t work inside the Custom CSS in the theme options because WordPress will filter out the slash for security reasons.

    
    .podcast-meta .watch:before {
    	font-family: 'Icons';
    	content: "\e09c";
    	margin-right: 3px;
    }
    

    There is a reference guide for the icon font that’s used here in the theme. You can download it at https://support.organizedthemes.com/wp-content/uploads/2015/06/Reference-Font-Icons.zip . Unzip the folder and drag the index.html into your web browser and it should open it up for you to look through.

    This was actually the first icon font I used. I picked it because it had a Yelp icon and that’s something I needed for the restaurant themes that I build.

    Let me know if you have questions.

    Have a great weekend,
    Bill

Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Video Icon for Sermon Series Page’ is closed to new replies.