Sorting out the sidebar list

  • Hello!

    I have managed to get the webpage design for my WordPress blog sort of how I like it.

    However I just have a problem with the layout of the list in the sidebar.

    I don’t want the list to be indented under the different categories, and I also don’t want a gap.

    I took out all the paragraph tags but I still have a gap in the list items of the sidebar. Do you know how I can fix this?

    The location of the page is here:
    https://tinyurl.com/a4e3y

    There is also a rather large gap between the search area at the top and the first category in the list of “Archives”.

    Also, near the top of the sidebar, it says “Categories”, however underneath it says, “uncategorized” which, appears to be a dynamically populated word? How do I change the spelling of this word through the entire site to be with an ‘S’ instead of a ‘Z’ as I am wishing to use en-gb not en-us.

    Has anyone been able to view the design of their site in Dreamweaver? I don’t seem to be able to even if I click to view live data. I have to look at the actual site on the net through my browser to see it. The only thing I can see in DreamWeaver is the code, no design.

    Thanks very much for your help

    John

    This is the code for the sidebar with the list I wish to change:
    https://tinyurl.com/b7at7

    And this is the code for the style sheet, which I modified from Dreamweaver and also from UrbanGiraffe.
    https://tinyurl.com/8bghc

Viewing 4 replies - 1 through 4 (of 4 total)

  • The word *uncategorised* is a default setting. You can change it in the admin panel manage/link categories

    try tweaking with the css:

    #sidebar ul
    {
    margin-left: 0px;
    padding-left: 16px;
    }
    #sidebar li
    {
    margin-left: 0px;
    padding-left: 0px;
    }

    as for making the sidebar move up, you’ll either want to do css positioning (freaky) or use a table (much more simple).

    if you go the css way, try something like:

    #sidebar
    {
    position: absolute;
    top: 200px;
    left: 0px;
    width: 300px;
    }

    and then something like:

    #main
    {
    margin-left: 300px;
    }

    Thread Starter john10001

    (@john10001)

    Hi

    Thanks for the help guys. I managed to fix all this, except for a gap below the search box at the top and the first categoy, but now the sidebar has gone completely pear shaped again.

    For now I think I am just going to try downloading a theme someone else has designed and modify it a bit to suit my site.

    I don’t really like having the header and sidebar on different pages and called into the main index with an include anyway. I like it all to be on the one page.

    I am going to sort out my own proper page eventually, and then try copy everything needed to the side area.

    John

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Sorting out the sidebar list’ is closed to new replies.