WordPress.org

Ready to get started?Download WordPress

Forums

Remove & Add Margin in Twenty Eleven Posts (8 posts)

  1. jennifer2010
    Member
    Posted 2 years ago #

    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!

  2. playing2012
    Member
    Posted 2 years ago #

    How about a URL of your site? Without looking at the code it is impossible to suggest anything meaningful.

  3. jennifer2010
    Member
    Posted 2 years ago #

    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.

  4. jennifer2010
    Member
    Posted 2 years ago #

    Okay found the culprit.

    Fix was:

    p { margin: 0 0 0 0; }

  5. playing2012
    Member
    Posted 2 years ago #

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

  6. jennifer2010
    Member
    Posted 2 years ago #

    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.

  7. playing2012
    Member
    Posted 2 years ago #

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

    Change 40px to wharever you want ut to be.

  8. jennifer2010
    Member
    Posted 2 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.