WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Quick CSS help needed - Article (5 posts)

  1. MyrddinDE
    Member
    Posted 2 years ago #

    I know this is not really related to WordPress, but more a general CSS issue.
    for my blog at mmo-game.eu I am using a picture at the top of the post 400x225 and at its right, I write the text before the more-tag.

    With all the posts I have been trixing with CSS. to have text that comes after the more tag start below the picture.

    http://www.mmo-game.eu/css-help-continue-below-picture.jpg

    Loftite Infestion is after the "more"-tag and I'd like it below the picture. The Trick I am using currently is

    <h2 style="margin-top:100px;">Loftite Infestion</h2>

    But yeah its not clean ... I wonder if there is a better solution to it.

    Here is the complete code for the post.

    <img class="alignleft size-full wp-image-297" style="margin-right: 10px; margin-top: 5px; margin-bottom: 5px;" title="loftite algoroc far view" src="http://wildstar.mmo-game.eu/files/2012/04/loftite_algoroc_far.jpg" alt="" width="400" height="225" />If you paid attention to previous Wildstar Wednesdays you noticed that the only Zone we heard about were the Northern Wilds. The Hoverbike screenshots were taken in a new Zone and today we learn its name is Algoroc.
    
    <!--more-->
    <h2 style="margin-top:100px;">Loftite Infestion</h2>

    Thanks in advance,

    Michael

  2. alchymyth
    The Sweeper & Moderator
    Posted 2 years ago #

    this could work:

    span[id*="more-"] { display:block; clear:both; }

    you will need to remove the style="margin-top:100px;" from all the posts.

    (no idea if this is effective in older browsers)

  3. MyrddinDE
    Member
    Posted 2 years ago #

    Thanks for answering the question and for the tip.

    This doesn't have the desired effect, yet - I suppose this goes into the stylesheet?

    I have removed the margin stuff from the header at this test post:

    http://www.myrddin.de/enhancement-changes-for-the-latest-mop-beta-build-15544/

  4. MyrddinDE
    Member
    Posted 2 years ago #

    Ah, it worked! Just had the css still cached.

    Thanks a lot for the help!

  5. MyrddinDE
    Member
    Posted 2 years ago #

    Hah! I am so happy now! No more silly html tags :D

Topic Closed

This topic has been closed to new replies.

About this Topic