Remove gaps between header, content, and footer <div>s

  • psgeek716

    (@psgeek716)


    15 years, 8 months ago

    I can’t figure out how to remove the gaps in my layout between the header, content, and footer. Has anyone else had this problem?

    http://kaje.huzah.org/wordpress/

    NOTE: I’ve adjusted all div margins to 0px (top and bottom) in my style.css and removed the generic <hr /> tags

Viewing 3 replies - 1 through 3 (of 3 total)
  • @mercime

    (@mercime)

    15 years, 8 months ago

    I assume that you want your blog layout to be consistent with your main site at http://kaje.huzah.org/
    Copy your css from main site to your WP theme’s style.css and then add the new div information for your blog. Why not try using the widths of your content and sidebar in main site for the WP blog and see how looks. From there, configure to float sidebar right and the content to the left for the blog. When that’s done, then you adjust the widths of both content and sidebar proportionally to your liking.

    Thread Starter psgeek716

    (@psgeek716)

    15 years, 8 months ago

    Thanks for the suggestion mercime, but I was able to figure it out.

    I added this to my css:
    ——————————————–
    ul {
    margin-top: 0px;
    }

    p {
    margin-top: 0px;
    }
    ——————————————–
    I would have just copied over the css as you suggested, but I want to learn how to design themes for WordPress. I’ve noticed businesses on Elance are often seeking professionals in this area.

    @mercime

    (@mercime)

    15 years, 8 months ago

    Good luck psgeek716. Looking forward to seeing your WP themes.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Remove gaps between header, content, and footer <div>s’ is closed to new replies.

Tags