Title: image alignment
Last modified: August 21, 2016

---

# image alignment

 *  Resolved [Marc H](https://wordpress.org/support/users/marc-h-2/)
 * (@marc-h-2)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/image-alignment-18/)
 * I’d like to have my images and text from my posts to appear side-by-side, space
   permitting, but I’m not very experienced with css. I tried tweaking the display
   property in rfb.css, but with no luck. Any advice?
 * Many thanks,
    Marc
 * [http://wordpress.org/plugins/recent-facebook-posts/](http://wordpress.org/plugins/recent-facebook-posts/)

Viewing 11 replies - 1 through 11 (of 11 total)

 *  Plugin Author [Danny van Kooten](https://wordpress.org/support/users/dvankooten/)
 * (@dvankooten)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/image-alignment-18/#post-4043360)
 * 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](https://wordpress.org/support/users/marc-h-2/)
 * (@marc-h-2)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/image-alignment-18/#post-4043427)
 * 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](http://codex.wordpress.org/Forum_Welcome#Posting_Code).]_
 *     ```
       <!-- 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// -->
       ```
   
 *  Plugin Author [Danny van Kooten](https://wordpress.org/support/users/dvankooten/)
 * (@dvankooten)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/image-alignment-18/#post-4043428)
 * 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](https://wordpress.org/support/users/marc-h-2/)
 * (@marc-h-2)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/image-alignment-18/#post-4043443)
 * The test page is [http://meditationinoregon.org/home-test](http://meditationinoregon.org/home-test).
 * Thanks!
    Marc
 *  Plugin Author [Danny van Kooten](https://wordpress.org/support/users/dvankooten/)
 * (@dvankooten)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/image-alignment-18/#post-4043444)
 * 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](https://wordpress.org/support/users/marc-h-2/)
 * (@marc-h-2)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/image-alignment-18/#post-4043445)
 * 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](https://wordpress.org/support/users/marc-h-2/)
 * (@marc-h-2)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/image-alignment-18/#post-4043446)
 * 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?
 *  Plugin Author [Danny van Kooten](https://wordpress.org/support/users/dvankooten/)
 * (@dvankooten)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/image-alignment-18/#post-4043447)
 * 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
 *  Plugin Author [Danny van Kooten](https://wordpress.org/support/users/dvankooten/)
 * (@dvankooten)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/image-alignment-18/#post-4043448)
 * 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](https://wordpress.org/support/users/marc-h-2/)
 * (@marc-h-2)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/image-alignment-18/#post-4043449)
 * 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?
 *  Plugin Author [Danny van Kooten](https://wordpress.org/support/users/dvankooten/)
 * (@dvankooten)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/image-alignment-18/#post-4043450)
 * Ah, I misunderstood you then but that’s actually good news. I’ll look into it!
 * You could try the [CSS course of CodeAcademy](http://www.codecademy.com/courses/css-coding-with-style)
   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.

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘image alignment’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/recent-facebook-posts_eae9f9.svg)
 * [Recent FB Posts](https://wordpress.org/plugins/recent-facebook-posts/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/recent-facebook-posts/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/recent-facebook-posts/)
 * [Active Topics](https://wordpress.org/support/plugin/recent-facebook-posts/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/recent-facebook-posts/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/recent-facebook-posts/reviews/)

 * 11 replies
 * 2 participants
 * Last reply from: [Danny van Kooten](https://wordpress.org/support/users/dvankooten/)
 * Last activity: [12 years, 9 months ago](https://wordpress.org/support/topic/image-alignment-18/#post-4043450)
 * Status: resolved