WordPress Loop with custom fields and layout (7 posts)

  1. bmorris110
    Posted 3 years ago #

    current link:

    PSD layout:

    working similar example:

    I'm trying to make my wordpress loop look like the PSD link.
    I can't get my featured image to move to the right of the text.
    I also wanted to be able to add the separator line and share buttons.

    [Code moderated as per the Forum Rules. The maximum number of lines of code that you can post in these forums is ten lines. Please use the pastebin]

  2. JarretC
    Posted 3 years ago #


    float: right;

    to your .post_img class

    .post_img {
         width: 409px;
         float: right;
  3. bmorris110
    Posted 3 years ago #

    I tried that.
    Is the php correct?

  4. bmorris110
    Posted 3 years ago #


    Why is my footer not below my feed?
    And why are the images aligned to the wrong posts?
    The 1st post featured image is aligning with the 2nd post instead.

  5. esmi
    Forum Moderator
    Posted 3 years ago #

    Start by sorting out the markup errors. Then move onto the CSS errors.

  6. bmorris110
    Posted 3 years ago #

    Line 116, Column 31: The align attribute on the div element is obsolete. Use CSS instead. <div id="body" align="center"
    How am I supposed to center with our using html align tag?
    I tried CSS, but nothing works.

    Line 133, Column 22: Element p not allowed as child of element h4 in this context. (Suppressing further errors from this subtree.)
    <h4 class="entry"><p>excerpt headline goes here. Mauris dictum libero id justo…

    And I have no clue where these <p> tags are coming from, unless wp puts them there.

    and none of this helps me figure out why the footer isn't at the bottom centered and the images aren't aligned.

  7. bmorris110
    Posted 3 years ago #

    all of the css errors are coming from plugins used on different pages.
    except fancy box.

Topic Closed

This topic has been closed to new replies.

About this Topic