Hi Marc,
First of all, I suggest you add custom CSS to your theme’s CSS file and to the plugin its CSS files as they will be overwritten every time you update the plugin.
Second, try adding something like this to your theme’s style.css file.
.recent-facebook-posts div.rfb-post{ float:left; width:49%; margin-right:2%; }
.recent-facebook-posts div.rfb-post:nth-child(2n){ margin-right:0; }
Hope that helps!
Danny
Thread Starter
Marc H
(@marc-h-2)
Thanks Danny.
That didn’t quite work… looking at the page source, I’m taking a guess that my wordpress theme (etherna) is making this difficult. The text is placed in a <p>, and the image is placed in a subsequent <p>; I’m guessing it’s my theme inserting these, because I’ve noticed it doing that before. An edited snippet of the source is below.
I did verify that inserting what you suggested in my theme’s style.css did take effect – when I display multiple posts, I do see the second one side-by-side with the first one, but the first one still displays with the text above the image.
[ Moderator note: Code fixed. Please wrap code in backticks or use the code button. ]
<!-- Content starts -->
<div class="recent-facebook-posts rfb_posts shortcode"><div class="rfb-post"><p class="rfb_text">
text content
</p><p class="rfb_image"><a href="http://www.facebook.com/[...]" rel="nofollow"><img src="//graph.facebook.com/[...]/picture?type=normal" style="max-width: 300px; max-height: 300px;" alt="" /></a></p><p><a href="http://www.facebook.com/[...]/posts/[...]" rel="nofollow"><span class="like_count_and_comment_count"><span class="like_count">7 <span>likes</span></span> <span class="comment_count">0 <span>comments</span></span> </span><span class="timestamp" title="Friday, August 16, 2013 at 1:05" > · <span>4 days ago</span></span></a></p></div></div>
<!-- //Content ends// -->
Hi Marc,
Nope, the output is all by my plugin.
It would be easiest if you could send me the URL to a live website (with my plugin and your theme running) so I can provide you with the exact CSS you need. 🙂
Danny
Thread Starter
Marc H
(@marc-h-2)
Hi Marc,
I now get what you mean. You want the image next to the post text, and not the different posts next to each other.
This is a little tricky because of the wrapping paragraph element indeed but not impossible. You will have to use fixed (percentage) widths though.
Use the following CSS rules (and remove the previous ones I gave you).
p.rfb_text{ float: left; width: 60%; }
p.rfb_image{ float:left; width: 35%; margin-left: 5%; }
p.rfb_image a{ display:inline-block; }
p.rfb_image img{ max-width:100% !important; }
Let me know if that worked for you.
Danny
Thread Starter
Marc H
(@marc-h-2)
Thanks Danny,
That worked, and it’s looking much better now!
I hate to keep asking for help, but is it possible at all to pull video link caption text into wordpress? That is to say, Facebook does a rather slick job when you post a video link to display a thumbnail and dynamically include some caption text from the linked webpage; is it possible to pull the same caption text into wordpress, or is that dynamically generated content that’s unavailable to rfb? Currently for me only the thumbnail for the video shows up. Alternately, is there a way to configure rfb to just exclude posts that are video links?
Thread Starter
Marc H
(@marc-h-2)
Partial answer to my own question- I saw another forum question/reply that pulling in caption text from youtube FB posts isn’t possible… but no way to exclude FB posts containing youtube videos in my RFB content, right?
Hi Mark,
Your alternative suggestion is not possible yet but it would make an excellent option for in the settings screen. I’ll try to add this in the next version.
I’m not sure if Facebook provides the caption text as well but I look at pulling this with the other data as well and including some default CSS for it.
Thanks.
Danny
Oops, didn’t see you your other answer. That’s too bad but thanks for looking into it. I’ll provide the other option as an alternative then.
I received your beers by the way. Thanks Marc, much appreciated!
Thread Starter
Marc H
(@marc-h-2)
Just to be clear, I didn’t mean to report that pulling in youtube captions into RFB is not doable; I just saw in this forum that you had already answered someone else saying that youtube captions aren’t supported in the current version of RFB.
Side question – I’m a software developer but do mostly server side stuff, and am painfully inept when I try to do website work. On some web things I’ve been trying to do lately, I’m getting used to some aspects, like javascript, but what I find most baffling and important to get proficient at is CSS… any tips on learning it?
Ah, I misunderstood you then but that’s actually good news. I’ll look into it!
You could try the CSS course of CodeAcademy but it might be too easy for you if you’re a software developer. I have some friends who used that, with success.
I’m not sure how I learned it, read a book about HTML and just did loads of experimenting the next 10 years. 🙂 It might be the least logical “language”, especially with all the browser incompatibilities.
