Margin/Padding Issue around Image

  • Resolved proudtobedad

    (@proudtobedad)


    13 years, 7 months ago

    Hi there,
    I’m using Modularity Lite, and am having an issue with margins around images. On my pages, the margins around photos look fine, but in my posts, the text runs right up to the image.

    Any idea where I’d fix this? I’ve played around with most of the items on the style sheet, but nothing has fixed it.

    Thanks!

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

  • WordPress adds the following classes to images it inserts:

    .centered
.alignright
.alignleft
.alignnone

    Can you post a link to your site?

    Thread Starter proudtobedad

    (@proudtobedad)

    Here it is. You’ll see on the home page that the photo and text run into each other, but on other pages, such as the “About/Bio” page, the images have a margin around them. I’d appreciate any help you can give!

    It looks like the link didn’t post.

    Thread Starter proudtobedad

    (@proudtobedad)

    Oops–guess I must be pretty tired! ??

    These two styles are overriding img.alignright:

    .home .size-medium, .home .size-large {
  max-width: 590px;
  height: auto;
  overflow: hidden;
  margin: 0 .55em .55em .65em;
}
.content .size-medium, .content .size-large {
  margin: 0 1.5em 1.5em 0;
}

    The easiest thing to do may be to add an !important statement to the margins on img.alignright so it reads: margin: 5px 0 5px 20px !important;

    Thread Starter proudtobedad

    (@proudtobedad)

    Perfect! That did the trick!

    Thanks so much!!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Margin/Padding Issue around Image’ is closed to new replies.