WordPress.org

Ready to get started?Download WordPress

Forums

Images next to eachother in post (2 posts)

  1. indigow
    Member
    Posted 4 years ago #

    Hi all,

    I try to get 3 pictures per post horizontal in row (next to eachother) but whatever I try the pictures show up under eachother. Tried to adjust size, add some extra css code, align left/right/center/mixed, nothing helps. The preview in admin (wysiwyg) is fine, but display live isn't. Please some help.

    My site

  2. alchymyth
    The Sweeper & Moderator
    Posted 4 years ago #

    as you are using captions, wordpress will generate 'wp-caption alignleft' etc classes, which are missing in your style.css.

    add these to the bottom of style.css:

    .wp-caption.alignleft { float:left; margin-left:0; margin-right:5px; }
    .wp-caption.aligncenter { margin-left:auto; margin-right:auto; }
    .wp-caption.alignright { float:right; margin-left:5px; margin-right:0; }
    p.submeta {clear:both;}

    adjust the number values in the margins to your needs.

    the last line p.submeta {clear:both;} should prevent your 'written by..' data from sticking to the right of the images.

    (only checked in firefox)

Topic Closed

This topic has been closed to new replies.

About this Topic