• Hey everyone πŸ™‚

    I’ve been trying for a few hours to pinpoint the problem with no luck.

    This is what I’m trying to do:
    http://www.imagebam.com/image/fcece6188322220

    For (1) – There seems to be a lot of space above the Title and Below the footer of the post.

    For (2) – There seems to be a margin or padding above and beneath the “featured image”.

    Lastly, would like to add a margin to the content within the post. I have the “featured image” centered, and the “Watch Now!” button has a 3px vertical space, so it looks like there’s margin when there’s not…

    Any help would greatly be appreciated. Thank you!

Viewing 7 replies - 1 through 7 (of 7 total)
  • How about a URL of your site? Without looking at the code it is impossible to suggest anything meaningful.

    Thread Starter jennifer2010

    (@jennifer2010)

    My apologies. Here’s the link:
    http://www.madchenarsch.de/

    I figured out problem 1.

    I figured out the cause of problem 2, but can’t seem to fix it.

    If I have this:

    <p style="text-align: center;">[post_thumbnail size="full"]</p>
    Text area goes here. <a href="http://www.madchenarsch.de/wp-content/uploads/dl12.jpg"><img class="alignright size-full wp-image-5434" style="border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 12px; border-width: 0px;" title="dl1" src="http://www.madchenarsch.de/wp-content/uploads/dl12.jpg" alt="" width="303" height="84" /></a>

    It will not work.

    However, if I have this:

    <p style="text-align: center;">[post_thumbnail size="full"]
    Text area goes here. <a href="http://www.madchenarsch.de/wp-content/uploads/dl12.jpg"><img class="alignright size-full wp-image-5434" style="border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 12px; border-width: 0px;" title="dl1" src="http://www.madchenarsch.de/wp-content/uploads/dl12.jpg" alt="" width="303" height="84" /></a>

    </p>

    It will work.

    It’s almost like the text has to be centered along with the image for there to be no margin underneath the featured post, but I do not want the text centered…

    And still cannot figure out how to add margin to content within the post.

    Thread Starter jennifer2010

    (@jennifer2010)

    Okay found the culprit.

    Fix was:

    p { margin: 0 0 0 0; }

    OK good for finding this. Mark it resolved so that people don’t waste any more time on it.

    Thread Starter jennifer2010

    (@jennifer2010)

    Not resolved yet unfortunately. Still can’t figure out how to add margin to content within the post, so that the text is “indented” so to speak inwards but without affecting the featured image above the post.

    span.entry-utility-prep {
    	padding-left: 40px;
    }

    Change 40px to wharever you want ut to be.

    Thread Starter jennifer2010

    (@jennifer2010)

    Didn’t work – I don’t think it had an effect on any of the content.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Remove & Add Margin in Twenty Eleven Posts’ is closed to new replies.