Bottom Margin of Images in Pilcrow

  • Unknown's avatar
    waterfortheages · Member ·

    Hello. I am trying to edit the CSS in this blog. The new Pilcrow theme has altered one thing in my blog that I would like to change – all the images within the posts have large margins between the image and the next line of text (usually “photo courtesy…”).

    How do I find the right CSS line to change this bottom margin under the images to 0? I have tried several things to no avail. Help would be much appreciated!

    Peace, A

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    designsimply · Member ·

    I reviewed the http://waterfortheages.org/ home page and I found that the images with photo credits are using a “span” tag with the font size set to xx-small instead of using captions. What you can do is try to target that type of text, but there is always some chance that if you added similar text in a span that it would also affect that text too. If you only used styled span tags below images, then you shouldn’t run into any troubles.

    Try adding this to your Appearance → Custom Design → CSS:

    span[style] {
display: block;
}

    This will target any text inside a span tag that is also using a style attribute. I tested it and displaying them as blocks instead of inline seemed to work well in my tests.

  • The topic ‘Bottom Margin of Images in Pilcrow’ is closed to new replies.