This forum is now read-only. Support is provided at https://wordpress.org/support/plugin/sermon-browser/
12 November, 2012
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:
18 June, 2009
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:
(Follow the link, and you'll see the line I'm talking about.)
You need to add the text:
to the line just before the '; at the end. The completed line will look like this:
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.
18 June, 2009
Something unrelated, but your Sermons page doesn't look as good as it could. Check out this forum topic:
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.
12 November, 2012
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!
18 June, 2009
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:
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.