• I’m trying to make the sidebar for my “Links” template page seen here, look similar in style to the sidebars on all my other pages seen here.

    I’ve never edited any of this stuff before, but so far I’ve managed to get the indenting & bullets in their proper place. The only thing I have left to do is change the color of the “Blogroll” text (should be black), the color of the bullets (should be yellow/orange), and the spacing between the bullet items.

    This is the code from the Links-Text Page:
    <?php wp_list_bookmarks('title_before=<h3 class="page-links-title">&title_after=</h3>&category_before=<li id="page-%id" class="%class">&after=</li>&link_before=<ul><li>&link_after=</li></ul>')?>

    This is the code from the other pages:

    <?php 
    
    	if ( count($post->ancestors) === 0 ) //if it's a top-level page, we'll show all it's children
    	{
    		echo  substr(wp_list_pages('sort_column=menu_order&child_of=' . $post->ID .'&echo=0&title_li=<h3 class="page-links-title">' . get_the_title($post->ID) . '</h3>'), 20, -5);
    	} elseif ( count($post->ancestors) === 1 )  //if it's a second level, we'll show all its parents' children
    	{
    		echo substr(wp_list_pages('sort_column=menu_order&child_of=' . $post->ancestors[0] . '&echo=0&title_li=<h3 class="page-links-title">' . get_the_title($post->ancestors[0]) . '</h3>'), 20, -5);
    	} else //if page it's more than two levels deep, we'll show all of its top-level ancestor's children
    	{
    		echo substr(wp_list_pages('sort_column=menu_order&child_of=' . $post->ancestors[1] . '&echo=0&title_li=<h3 class="page-links-title">' . get_the_title($post->ancestors[1]) . '</h3>'), 20, -5);
    	}
    
    ?>

    Any help would be greatly appriciated!!!

Viewing 5 replies - 1 through 5 (of 5 total)
  • One at a time, all in style.css:

    For the ‘Blogroll’ text, change near line 154, add the color black, like this:

    h3.page-links-title {
    color:black;
    padding-left:1em;
    }

    For the color of the bullets, near line 191, change the color like this:

    .page-meta li ul li {
    color:#CC9900;
    }

    For the spacing, near line 353, change the margin like this:

    .xoxo li {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin-bottom:0;
    }
    Thread Starter joecan

    (@joecan)

    None of that did anything, but I’m pretty sure what I need to do isn’t needed in the style.css. My understanding is that that gives the style for the whole site, and I don’t want the bullet colours & spacing changed on all lists. I just want the sidebars on the Links (Test) page to look like the sidebars found elsewhere on the site.

    I really didn’t just pull that out of the air! I tested it with Firefox on your actual site, and it worked. The things I gave you are specific for the sidebar, not general content. Don’t understand why it won’t work for you, but I don’t have any other ideas.

    Thread Starter joecan

    (@joecan)

    Well I feel like an idiot. I went back and directly copy the code you posted, and everything works now. Sorry.

    One additional thing. The bullet is now the orange colour I asked about, but now the link text is that colour as well, instead of the grey it is on the other pages. I’ll try to figure it out on my own, but if someone could point me in the right direction that would be great… and this time I won’t be ungrateful :P.

    THANKS vtxyzzy!!

    I just checked your site and it looks like you figured it out. Congratulations!

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

The topic ‘Editing Page Templates’ is closed to new replies.