WordPress.org

Forums

Help needed with customizing WordPress (4 posts)

  1. chrischickenwire
    Member
    Posted 4 years ago #

    Hi there,

    I'm currently styling my WordPress blog to look like my website.

    I have managed to get a good chunk of it done.

    However, would anybody be able to tell me how I could fix a few things....

    http://www.rjt-online.com/wp

    needs to display like this.... http://www.rjt-online.com/blog.php

    As you can see the header is in place and working, but I can't figure out why the content of the blog is left justified? Also, where is the style that will change the background colour purely behind the content so it's white? I need it to look exactly like the blog.php page.

    Any help would be great.

    Thanks

  2. sierrajoe
    Member
    Posted 4 years ago #

    firefox firebug is your friend...
    in blog.php, the main content div is governed mainly by rjt_new.css:
    div#maincontent {
    background-color:#FFFFFF;
    float:left;
    left:0;
    margin:0;
    padding:15px;
    position:relative;
    text-align:left;
    width:945px;
    }

    In the wp version, the "main" div is governed mainly by style.css:
    #main {
    overflow:hidden;
    padding:40px 0 0;
    }

    there are several significant differences one of the most important perhaps is the float:left

    With firefox & firebug, you simply right click anywhere on a page and select "inspect element" It will show you the relevant html and css, and a lot of other information. It will be well worth your time to install it and play with it for a while to become familiar with what it can do.
    joe

  3. chrischickenwire
    Member
    Posted 4 years ago #

    Thanks for the reply. I'll look into Firebug.

    I think I managed to sort out quite a few of the issues yesterday after I posted here. One issue that remains though is that it looks fine in all browsers except Firefox (in which the content is off to the right of the page).

    I've had some other responses to this issue saying that I need to open the content after the nav and close it before the footer, but I was under the impression I had done that already?.... Could you take a peek at my code and tell me what I'm doing wrong?

  4. sierrajoe
    Member
    Posted 4 years ago #

    Again... firefox's firebug is your friend... took about a minute to edit your css and add a float:left to your "main" div and it solves the problem.
    line 494 of your style.css try:

    #main {
    float:left;
    overflow:hidden;
    padding:40px 0 0;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic