Some children nest under the parent in sidebar, others don’t

  • Resolved anakalia

    (@anakalia)


    16 years, 11 months ago

    I am using a slightly modified Wicked WP theme, with widgets. Note that the problem exists whether or not widgets are enabled.

    The problem I’m having is that while the Categories (named ‘Navigation’ on my blog) children nest properly under the parent, the Pages children refuse to do it, and so do the children under Recent Comments (using Jared Bangs’ fine plugin.)

    In the “Special Pages” section I have a Parent called Obituaries, with the children being an unordered list by year (2001 thru 2007). They will not indent.

    In the Recent Comments, same problem. The comments will not indent beneath the topic headings. There is a topic heading followed by a big space, then the comments relating to that topic hang out flush at the left. It’s confusing to my readers (and not very pretty).

    Can I assume this is a CSS problem? Where should I look?

    Please see this at my blog https://streettalkblog.com

    I’m not the greatest at coding, so please be gentle.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Cathy Mitchell

    (@multitalentedmommy)

    Hi Anakalia,

    Categories can be displayed in a “heirarchial” fashion, which means they will automatically be assigned an indent. If you’d like this for pages too, open your style.css file, and look for this code:

    ul li ul li
{padding:

    ….
    The padding numbers start at the top and go clockwise. Change the left padding to 6 px. See this codex page for more help.

    I’m not sure of the comments css selectors because of the plugin, but you could give this a try first: 

    .comment .body .content
{
	padding:				0px 3px 0px 3px;
	width: 					100%;
	overflow: 				auto;
}

    Try changing the left padding to 6px and see if that helps. If it doesn’t, just go back, and undo your changes! ??

    Changing the UL LI stuff above, will change all the unordered lists in your sidebar. So it should help with the rest of the content. However, depending on how the asides are styled, it also may indent them too. Then you’ll need more help to assign the asides a different css style.

    Let me know if this works, k?

    Thread Starter anakalia

    (@anakalia)

    Momma, you are indeed multi-talented!

    As I perused the CSS I discovered that the author had not placed a ‘master’ code like that in the sidebar, but rather seems to have coded each segment individually (sort of). But I could not find coding for this particular issue. It’s quite confusing. So I just added this to the CSS, per your brilliant insight (that was a d-oh moment for me, lol):

    #sidebar ul li ul li
    {padding:0 0 0 15px;
    }

    Bingo! Everything now indents properly, including the Recent Comments, and in both Firefox and IE. I’m so very pleased!

    Thanks a million! Now if I can just figure out how to get paragraphs to break in the comments block I’ll be ecstatic, lol. But that’s a question for another post.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Some children nest under the parent in sidebar, others don’t’ is closed to new replies.