• Hello I am just about done designing my blog, everything seems to be working fine with the blog except the layout changes when i add “<!–more–>” in the post. Without “<!–more–>” the layout goes back to normal, but this leaves me with no way to display excerpts.

    I also keep reading posts about replacing “the_content” with “the_excerpt”, i am just not getting that at all. In which file is this done? index.php? Either way, i’m not sure if that is going to fix my problem, because the layout changes.

    Oh and the “<!–more–>” link works, it just changes the layout. Any help would be greatly appreciated.

    -C

Viewing 8 replies - 16 through 23 (of 23 total)
  • What would happen if you created a .postentry img with margin: 0 ?

    Then use a padding for the <p>

    Thread Starter volcano

    (@volcano)

    ha, i already have a .postentry img code:

    .postentry img {
    padding: 1px;
    border: 9px solid #bee7fb;
    }

    That’s creating that blue border, and that what i’m trying to counter the type against, so it lines up with the image, not the border. This is killing me 🙂

    Duh! (my emphasis, not for you) Just add a margin to the image. The text will space out from that. Thus you can eliminate the .postentrycopy all together.

    But the issues of dynamic content requires more thought than that. That’s why CSS is brilliant. Extra classes, such as .left and .right set to images can allow you to really define where the space is depending on it’s location.

    But at that point, you are going outside the realm of WP.

    Thread Starter volcano

    (@volcano)

    ahhh, no matter what i do, it messes up the image.

    If you look right now it’s a mess. If i add a margin to the image it crops the imageborder on one side, if i try something like this with the padding:

    .postentry p {
    padding: 0 9px;
    }

    I get what i have right now. For some reason .postentry p is is moving the image above too. What gives?

    I tested it,and it seems if you drop that padding from postentry p, all seems ok. Am I missing something?

    Thread Starter volcano

    (@volcano)

    Yeah. See how the Title and date are bumped in from the edge of the imageborder 9px? Well that’s what i want to happen with the copy below. I want it to be padded 9px on the left and right. But i can’t seem to acheive that without creating a seperate div like the “.postentrycopy” one i created earlier. Which in turn means adding all that code during the post. Any ideas?

    At this point, I think fixing relevant HTML validation errors and then CSS errors is in order.

    I am having the exact same problem. Can someone help please?

Viewing 8 replies - 16 through 23 (of 23 total)

The topic ‘‘more’ tag changing layout’ is closed to new replies.