WordPress.org

Ready to get started?Download WordPress

Forums

Incorporate blog into website (6 posts)

  1. confused10
    Member
    Posted 5 years ago #

    I know this question has probably been asked a million times but I have tried to incorporate my blog page into my existing website three times already tonight and I really dont want to have to reinstall again as I mess it up.

    The problem I seem to have is that when I alter the header to my own it wrecks all the layouts on the blog page..I think it has something to do with the css but am unsure.

    Any help on allowing me to keep my fully functional header but not ruin the blog page would be very much appreciated

    Confused10

  2. confused10
    Member
    Posted 5 years ago #

    Ok after spending the best part of the day I have now, kind of, intergrated the blog on my website but I know have the sidebar with the archives in down the bottom right and not at the top like when I started 'messing about'

    Is there anyone who can point me in the right direction as to why this has happened and more so which file I have to look at to rectify it.

    Many Thanks

    Confused10
    look here to see what is exactly going on.

  3. falleri
    Member
    Posted 5 years ago #

    The problem is in your css. The page is 760 px at the moment if I see it correctly, in this page you would have your wide or narrow column, which is 450 px, and the sidebar, which is 190 px. If you add this up, it's 640 px, but you have margins and paddings specified too, and those also add up, which causes your problem; it doesn't fit anymore so the sidebar is pushed beneath the content.

  4. buddha trance
    Member
    Posted 5 years ago #

    Try to change the left margin of your sidebar on your theme's style.css like this:

    #sidebar
    {
    	padding: 20px 0 10px 0;
    	margin-left: 100px;
    	width: 190px;
    	}

    See if it works for you.

  5. confused10
    Member
    Posted 5 years ago #

    Thanks for the assistance, I have tried doing what you say but to no avail. I know that my menu has some css files so I may need to look through them.

    Many thanks

    Confused10

  6. falleri
    Member
    Posted 5 years ago #

    It might be a good idea to reset all the concerning margins and paddings to zero if you have problems like these. Then you can start styling everything nicely with margins afterwards. If you have a complex style sheet with many classes it's hard to see what adds up to what.

    By the way keep in mind that IE 6 handles margins and paddings differently. It might work nicely in all the other browsers but IE 6 might still add stuff up and push the sidebar down (which is why I prefer to not use both margins and paddings on a div or class but set one of them to 0)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.