Home/ Questions/Q 7679895
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-31T17:59:06+00:00

I built a site in HTML/CSS, and everything was to my liking. However, in

  • 0

I built a site in HTML/CSS, and everything was to my liking. However, in the conversion from HTML to WordPress(WP), the CSS styling seems to have been lost. I’m new to this, so it’s difficult for me to pinpoint what’s going on..

The #main article <p> section doesn’t seem to be following the #main article p {float: right; margin-top: -85px; margin-left: 230px; padding-left: ; width: 403px;} parameters. Any ideas on what has happened?

<div id="main">
        <article>


            <?php if(have_posts()) : while(have_posts()) : the_post(); ?>

            <div id="headline">
                <h1><a href="<?php the_permalink(); ?>"><?php the_title(); ?></h1>
            </div><!-- end headline -->

            <div class="postinfo">
                <ul>
                    <li>Posted by <?php the_author(); ?></li>
                    <li><?php the_date(); ?></li>
                    <li>tags: <a href="#">cool</a>, <a href="#">awesome</a></li>
                </ul>
            </div><!-- end postinfo -->

            <p><?php the_content(); ?></p>

        </article><!-- end article -->

            <?php endwhile; ?>

            <?php else :?>
                <p>I'm not quite sure what you're looking for.</p>
            <?php endif; ?>


    </div><!-- end main -->

#main {
    float: left;
    margin-left: 315px;
    margin-top: 310px;
}
#main article .postinfo {
    list-style-type: none;
    margin-left: ;
    width: 150px;
}

#main article p {
    float: right;
    margin-top: -85px;
    margin-left: 230px;
    padding-left: ;
    width: 403px;
}

EDIT: here it is live here it is live

ideal

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You don’t need the <p></p> tags around <?php the_content(); ?> since that will be generated within the content, and you are basically wrapping that in a paragraph.

    It is a also good idea to have the static html files open and your WordPress project side by side, so you can inspect elements on both and make sure your selectors match. This usually helps me figure out when I’m missing the selector for some reason.

    screen shot

    • 0