solved Facebook Player - words to right, instead of below...

Wow - just tried it out - totally awesome functionality...

One problem though, the words end up squat to the right of the player, instead of underneath it. (See attached screenshot...)

Does anyone know a fix for this - seem like a simple CSS trick if one knew where the controls were...



--

Ken Rich
indiegospel.net

updated by @ken-rich: 01/23/15 04:51:33PM

That looks like an issue with how "ShareThis" is formatting it - it's not controlled by CSS on Jamroom's end.


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net

I'm going to try a wider than recommended picture to see if that will push it down.

If that does't work I'll write them...


--

Ken Rich
indiegospel.net

Thanks Ken - let me know if that fixes it for you.

Thanks!


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net

Hi Brian,

I tried a wider picture but it didn't help. I also played around with the values in the jrShareThis module jrAudio_facebook_open_graph.tpl

Nothing I tried fixed it, but I rather suspect that an adept could overwrite the inherited CSS there.

So, I eventually gave up and used their contact form to explain the issue.


--

Ken Rich
indiegospel.net

Hi Ken
Where is this page that the item is on, if you have a link to it I can see if there is a way to correct it.

Hi John - thanks for the offer because the company hasn't answered.

To see how it works live, go to my Facebook https://www.facebook.com/indiegospel and click on one of the player links. I just put one with a picture of a Church that's titled - Giving Back: He'll Make A Way.


This is the code that produces this player... Rat's the page truncated it - hold on I'll attach a PDF.




--

Ken Rich
indiegospel.net

updated by @ken-rich: 11/22/14 05:04:53AM

Thanks Ken I will take a look a little later for you.

Hi Ken, this can be fixed but on there end. I do not have share this installed so can't check if the code can be edited this end. The issue can be fixed in one of two ways, there is a float which could be cleared or they have a width setting of 400px which if changed to 100% would fix the issue. This could be facebook doing this also but it's worth writing to share this about the problem.
Here is an image showing the fix
updated by @john-bizley: 11/22/14 03:35:20PM

John - thanks for the help on this!


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net

Thanks Brian, hope it helps enough for sharethis to fix the issue.

Wow - how did you do that? Is that some kind of developer tool that let's you see the code and make temporary changes?

At any rate, I'm passing along your recommendation. Might take awhile, their support staff seems like they are on drugs or something lol.

Interestingly, they at first denied having a Facebook player. Then I proved it with screenshots.

After I showed them screenshots of the module and such, they said Jamroom used their button code without them knowing, and generated the player using nothing from them but the button.

The last time round with them, they confused the OneAll buttons with their ShareThis buttons... Oh brother... lol.




--

Ken Rich
indiegospel.net

updated by @ken-rich: 12/03/14 05:16:34AM

In firfox I use firebug which allows you to right click on an element in a page to view the code, you can make changes in that page which is then shown on your web page then if happy copy out your setting then add it to the css files. In IE you press F12 to get the code showing which is what you see in that screenshot above. Again you can make the changes which I did to show how the fix would look.

The image above shows the code on the same screen but I have three monitors so I can move the tab with the code on onto one of those so it makes it easier to see the whole webpage on my main monitor and then the changes I make. I you do a lot of code stuff this works really well and is worth investing in another monitor. It's very handy to keep your email open there or whatever so you don't have to keep switching around other pages or programs on your main monitor.

Nice tip. I've seen that code view before, but didn't know you could make "live" changes with it.

One thing I've tried to do with it is find the title of the template and originating CSS file. However, I usually see inherited CSS values and don't know how to track down the source. Template doesn't seem to be there either.

Is there something I'm "missing" about how to get those from the inspection tool? A tab view to click or specific search to conduct perhaps?


--

Ken Rich
indiegospel.net

The company finally said the problem is on Facebook side. I wrote Facebook and it looks like they too a stab at it,

The words are below now but the player looks messed lol.


--

Ken Rich
indiegospel.net

It was a Facebook issue. I wrote hem, they fixed it. FYI now there are black bars on each side of the player, but if you make your player black and 440 wide it will appear correct.


--

Ken Rich
indiegospel.net