Forums

[resolved] Styling WP templates with CSS (2 posts)

  1. saphod
    Member
    Posted 2 years ago #

    I still have some problems with theme templates and CSS (using the "mistylook"-theme)... could not find any answer using the suppourt search form... please, also see my website, as this is exactly the same text as a post there... thank you!

    ----------
    1. “Pages”-list in sidebar:
    If you take a look at the “Pages” navigation in the sidebar, you’ll notice the big distance between the headline - “Pages” - and the first entry (currently “Counterstrike”). I already know that the template uses wp_list_pages(), and that you can change the style via CSS using the “current_page_item” or the “page_item” selector. I tried to integrate it into my stylesheet setting the “margin-bottom” to zero px, but nothing happened….

    2. Ordered list in comments:
    I wanted to show comments as an ordered list using “1, 2, 3, …” and so forth. So I exchanged "<ul>" with "<ol>" in my comments template. The only problem is that the number is shown above the author’s name, not before…

    3. Comment number in reverse order (guestbook):
    I have the same problem as described in #2 in my guestbook, but in addition to this, I want the numbers of the comments to be displayed in reverse order…

    If anyone has any suggestions, I would be very grateful!

  2. saphod
    Member
    Posted 2 years ago #

    OK, I started the journey into the CSS jungle and found out some interesting things which solved my problems:

    1. "Pages"-list in sidebar:
      This was not so easy to find, but it has to do with a nested CSS: “#sidebar ul ul”. There I could modify the bottom margin.
    2. Ordered list in comments:
      Here, I had to modify the "cmtinfo"-class. I changed the whole thing so I was not dependant on the "<ol>". Instead, I now count the comments and print the current count #.

      This post was very helpful:
      wordpress.org/support/topic/38145

    3. Comment number in reverse order (guestbook):
      Also in this case, the post already mentioned under 2 was very useful.

    Since everything is done, I declare this post resolved.

Topic Closed

This topic has been closed to new replies.

About this Topic