WordPress.org

1. inlmbrt
   Member
   Posted 5 months ago #

   Hello

   I have been working on my own theme for my personal blog for the last week or so. I'm having a great deal of trouble with my image alignment styling.

   I want the pure basics including a 10px margin on either side depending on which side the image is aligned too. So if the image is aligned to the left: margin: 10px 10px 10px 0px; and if it is aligned to the right: margin: 10px 0px 10px 10px;.

   I run into trouble when I add captions to my images. The addition of captions seem to create a nasty extra margin on all of my images that throws them out of alignment.

   If you take a look at http://www.inlmbrt.com you will see.

   Here is my CSS code:
   [CSS moderated as per the Forum Rules. Please just post a link to your site.]

   Can anyone lend a helping hand?
   It would be extremely appreciated.

   Ian.

2. esmi
   Theme Diva & Forum Moderator
   Posted 5 months ago #

   Try using Firefox with the Firebug add-on for this kind of work.
   http://getfirebug.com/

3. bheadrick
   Member
   Posted 5 months ago #

   you've got margins set for .wp-caption.alignlaft as well as margins for .alignleft. If you can't find where .wp-caption is getting its margins. Explicitly set the margins for .wp-caption.alignleft and .wp-captio.alignright to 0px;

4. inlmbrt
   Member
   Posted 5 months ago #

   bheadrick,

   Thanks for your reply but unfortunately it didn't change those margins. :(

Reply

You must log in to post.