Support » Fixing WordPress » Thumbnail picture left, link right

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hey Raunchy Mike,

    On the “edit page”, change the editor to html from visual mode.
    You will see those code for the picture and name.

    <p><a href="http://www.raunchymike.com/wp-content/uploads/2011/12/December-8th-A-Hero-Dies.jpg"><img width="150" height="150" class="alignleft size-thumbnail wp-image-230" title="December 8th A Hero Dies" alt="" src="http://www.raunchymike.com/wp-content/uploads/2011/12/December-8th-A-Hero-Dies-150x150.jpg"></a></p>
    
    <p><a target="_blank" title="Ride for Dime" href="http://www.ridefordime.com/">Ride for Dime</a></p>

    Wrap it up with <div> box with a class name. So it will look something like:

    <div class="picturebox">
    <p><a href="http://www.raunchymike.com/wp-content/uploads/2011/12/December-8th-A-Hero-Dies.jpg"><img width="150" height="150" class="alignleft size-thumbnail wp-image-230" title="December 8th A Hero Dies" alt="" src="http://www.raunchymike.com/wp-content/uploads/2011/12/December-8th-A-Hero-Dies-150x150.jpg"></a></p>
    
    <p><a target="_blank" title="Ride for Dime" href="http://www.ridefordime.com/">Ride for Dime</a></p>
    </div>

    Now go to Appearance > Editor and click Stylesheet link in the right sidebar. At the bottom of it, add the css code and save it.

    .picturebox { clear:both; }

    It should work.

    Thread Starter Raunchy Mike

    (@raunchy-mike)

    Hi geeksfolder, I tried but I probably did something wrong because it didn’t work.

    This did the trick though: <p align=”none”> </p>. It adds a space, so if you add enough the thumbnails and the links line up perfectly. I found it on: http://en.forums.wordpress.com/topic/how-can-i-add-spaces-to-a-post?replies=10

    Check the result on: http://www.raunchymike.com/raunchylinks/

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Thumbnail picture left, link right’ is closed to new replies.