Forum

This forum is now read-only. Support is provided at https://wordpress.org/support/plugin/sermon-browser/

Please consider registering
guest
sp_LogInOut Log In sp_Registration Register
Register | Lost password?
Advanced Search
Forum Scope


Match



Forum Options



Minimum search word length is 3 characters - maximum search word length is 84 characters
sp_Feed Topic RSS sp_TopicIcon
formatting of "Listen" link for ESV
12 November, 2012
5:28 pm
whinston
Member
Members
Forum Posts: 3
Member Since:
12 November, 2012
sp_UserOfflineSmall Offline

Hi everyone!

Love SermonBrowser!  Can't wait to get it working on the mobile apps!!!

I recently updated our website to be more mobile-responsive.  In the process, the "Listen" link for the ESV Bible text on the individual sermon page has become rather, uh, large?!  And I can't find where to fix it, or what tag affects it, that I can override it in my CSS or whatever.  Any hints would be greatly appreciated!

Have a look here:

http://www.gracechapelsomd.org.....mon_id=149

thanks!

Jennie

12 November, 2012
9:09 pm
Ben Miller
Appleton, WI, USA
Moderator
Members

Moderators
Forum Posts: 1628
Member Since:
18 June, 2009
sp_UserOfflineSmall Offline

This is a common problem with some of the solutions that are being employed to make websites more mobile-responsive. Simply put, your theme has code built in to automatically make any videos on your site fill the area, in an attempt to make your website more responsive on mobile device screens.  The problem is that it thinks the "Listen" link is a video.  You may not realize it, but the "Listen" link is actually a small Flash application.  Your theme doesn't know what is a video and what is not, and so it is assuming that any Flash application on your page is a video that needs to fill the screen.

The flash application does not come from Sermon Browser; it is something that the ESV API returns along with the Bible text results.  However, you can change the format of this listen link to be a simple MP3 link instead of a flash application.  This would probably fix your problem.

To make this change, you'll need to edit the "frontend.php" file in your /wp-content/plugins/sermon-browser/sb-includes/ folder.  Before you edit this file, you want to save a backup, so that you can go back to it in case you mess something up.

In this file, there is a function named sb_add_esv_text().  Inside this function, somewhere around line number 417, you'll find the following line:

http://pastebin.com/wGQFWV0i

(Follow the link, and you'll see the line I'm talking about.)

You need to add the text:

&audio-format=mp3

to the line just before the '; at the end.  The completed line will look like this:

http://pastebin.com/VRga6Ptb

That extra parameter in the ESV API command string tells the API to send an MP3 link instead of a Flash app.  I think that will fix your problem.

If you have any questions, please let me know.

Ben Miller, Pathways Church, Appleton, Wisconsin, USA
Read the new FAQ, last updated 11/21/2013
Announcing version 0.45.12

12 November, 2012
9:13 pm
Ben Miller
Appleton, WI, USA
Moderator
Members

Moderators
Forum Posts: 1628
Member Since:
18 June, 2009
sp_UserOfflineSmall Offline

Jennie,

Something unrelated, but your Sermons page doesn't look as good as it could.  Check out this forum topic:

https://www.sermonbrowser.com/f.....mons-page/

There are two different fixes outlined in that topic (read all the way to the bottom).  I recommend them both, but the second one will help your Sermon page look better.  Let me know if you have any questions.

Ben Miller, Pathways Church, Appleton, Wisconsin, USA
Read the new FAQ, last updated 11/21/2013
Announcing version 0.45.12

13 November, 2012
1:30 am
whinston
Member
Members
Forum Posts: 3
Member Since:
12 November, 2012
sp_UserOfflineSmall Offline

Hi Ben,

Thanks so much for your help here.  I would never have been able to figure that out on my own!  So I got the Listen link down to normal size.  I also used the "sb-clear" instead of "clear", and that looks nicer now.  There was no "#content" in my template, so maybe I have a later version?

The only thing now, not that it's really anything to worry about, is that on the individual sermon page, at the very end of the verse, there's a set of parentheses  (     ).  And if you hover, it will turn into a green (ESV).  But not until you hover!  I suspect that the CSS for my child theme for my wordpress theme is doing the damage, but I played with that, with no effect....  Like I say, no worries, unless you have a quick and obvious answer.

 

I saw another post of yours last night, about using MediaElement.js as the audio player, so that it will work on phones and such.  But it was breaking on my Chrome browser.  Worked okay on Firefox though.  Don't have IE or a mobile phone, so not sure how those would have worked.  I found somewhere that says there's a bug in Chrome, when there are multiple mp3s on a page.  I even downloaded it rather than using the plug-in.  So I am curious on how Mark is planning to deal with that with his new version.  Anyway, I backed out, back to "audio player" plug-in.

Anyway.  Thanks so much!  I appreciate all your help here!

Jennie

13 November, 2012
4:50 am
Ben Miller
Appleton, WI, USA
Moderator
Members

Moderators
Forum Posts: 1628
Member Since:
18 June, 2009
sp_UserOfflineSmall Offline

Jennie,

The problem with your ESV link is a conflict with your theme.  The ESV link comes in with a class="copyright", but your theme has the .copyright class defined with the color set to #FFFFFF, or white.  That is why it appears blank against a white background.  If you want to fix this without editing your theme, you can add the following rule to the end of your Sermon Browser style template:

http://pastebin.com/2w7tPp1a

Just paste that text onto the end of your Sermon Browser style template, and you should be good.  In that paste, I set the color to #006600, which matches the other links on your page.  But feel free to change the color to whatever you want.

Let me know if you have any more questions.

Ben Miller, Pathways Church, Appleton, Wisconsin, USA
Read the new FAQ, last updated 11/21/2013
Announcing version 0.45.12

14 November, 2012
3:05 am
whinston
Member
Members
Forum Posts: 3
Member Since:
12 November, 2012
sp_UserOfflineSmall Offline

Thanks Ben!!!

Wow.  So easy, with your help.  Thank you so much, I really appreciate your taking the time to help me.  All looks well on this end!

Jennie

Forum Timezone: Europe/London
Most Users Ever Online: 381
Currently Online:
Guest(s) 5
Currently Browsing this Page:
1 Guest(s)
Top Posters:
Rich Brown: 358
Matt Schlueter: 93
Mindy: 72
Don Johnson: 65
anointed: 57
0be1: 55
Member Stats:
Guest Posters: 7
Members: 3188
Moderators: 1
Admins: 1
Forum Stats:
Groups: 1
Forums: 2
Topics: 1713
Posts: 7499
Newest Members:
marktest, deatles50, ValeriaGoodriz, dapedPup, oapedPup, Margarettoimb
Moderators: Ben Miller: 1628
Administrators: Mark Barnes: 435