Sidebar woes – Benevolence Theme

  • First of all, thank you in advance for helping. It’s great that people who understand this stuff help those of us who can’t.

    My blog is at https://www.arrington.us. I am using wordpress 1.5 and the style sheet “benevolence”.

    I really like this theme, but one thing I didn’t like is that it doesn’t have default sidbar lists for “pages” and link subcategories. I’ve looked at other themes and figured out how to add both of those. But now, the font is different and it’s driving me crazy. Can anyone help? Basically, I want “Permanent Pages” “Links” and “Friends” to look the same as “Archives” “Categories” and “Search”. I imagine this is a simple fix for someone who understands it, but I am at a loss at this point.

    In case it helps, here is the sidebar.php file as it currently stands:

    <div id=”sidebar”>

    <form style=”padding: 0px; margin-top: 0px; margin-bottom: 0px;” id=”searchform” method=”get” action=”<?php bloginfo(‘url’); ?>”>
    <div class=”title”>Search:</div>
    <p style=”padding: 0px; margin-top: 0px; margin-bottom: 0px;”><input type=”text” class=”input” name=”s” id=”search” size=”15″ />
    <input name=”submit” type=”submit” tabindex=”5″ value=”<?php _e(‘GO’); ?>” />
    </form>

    <div class=”title”>Categories</div>
    <?php wp_list_cats(‘list=0’); ?>

    <?php wp_list_pages(‘title_li=<h2>’ . __(‘Permanent Pages’) . ‘</h2>’ ); ?>

    <?php get_links_list(‘title_li=<h2>’ . __(‘links’) . ‘</h2>’ ); ?>

    <div class=”title”><?php _e(‘Archives’); ?></div>
    <?php wp_get_archives(‘type=monthly&format=other&after=
    ‘); ?>

    </div>

Viewing 15 replies - 1 through 15 (of 18 total)

  • Well, the styling is all in the style.css. So if the theme you’re using doesn’t have a sidebar, there may not be elements in the css for the sidebar titles, etc. You’d have to look at css in other themes to see how it’s all laid out. Most sidebar titling is <h2> tags. The sidebar is complicated by the fact that it’s all nested lists, so you’ll have to take it apart pretty well in order to figure out how “not to bullet” etc.

    Beaten to it ??

    Thread Starter michaelarrington

    (@michaelarrington)

    ok, got it fixed. thank you very much.

    Could you post a pr??cis of what you did to fix the situation, so that the next poor soul along may get some help when she searches and finds this thread?

    Thanks!

    I’d like to second vkaryl’s request. Though I imagine it might be futile by now.

    I’m the next poor soul. I have the exact same problem as michaelarrington. I’m still learning the ropes of css, however, and I’m not sure if I can figure this out on my own.

    If anyone else is able to help me, that would be great.

    My links section of my sidebar.php is:


    <div class="title"><?php _e('Links'); ?></div>
    <?php get_links('-1', '', '
    ', '
    ', 0, 'name', 0, 0, -1, 0); ?>

    My h2 in the stylesheet is simply this:

    h2 {
    color: #666;
    font-size: 14px;
    text-align: left;

    This theme, as noted, does have a sidebar, and I can get it to display the different link categories if I use different code in sidebar.php. such as

    <?php wp_list_pages(); ?>
    <?php get_links_list(); ?>
    <li id="categories"><?php _e('Categories:'); ?>

      <?php wp_list_cats(); ?>

    but it comes up in the same way as michaelarrington describes: with the wrong font. I would just to his site and ask him how he did it, but his blog doesn’t seem to be functioning right now.

    Thanks. My site is clickable from my username.

    edit: sorry for doing the ‘code’ part wrong…

    Is there anyone that can help me with this? I tried contacting michaelarrington, but didn’t get a reply. This is one of the last things I want to do with my layout, so it’ll be cool to get it fixed. If anyone could just point me in the right direction, that would be great.

    Bumping this again in the hopes that anyone can help me out.

    Pretty please! ??

    Have you fixed this yet?

    I should have said: sacreddoily, have you fixed your sidebar h2 issue?

    sacreddoily, the font needs to be specified in your css. You’ll have to know what the font name was, either through recognition, viewing the “his site” page source or by contacting the site owner directly.

    Once you know the font name, it’s easy to insert it into your css.

    h2 {
    font-family: YOUR FONT GOES HERE;
    color: #666;
    font-size: 14px;
    text-align: left;
    }

    Good luck!

    Brilliant! Thanks Gaia. (and sorry Katie1, I was out of the loop for a few days).

    I feel dumb, in a way, for being stuck at something so simple. I think I had just stared at the thing for so long, and after a while I stopped making any progress. There’s a steep learning curve.

    It’s annoying how my sidebar.php does not have “h2” mentioned anywhere on it, yet that’s what it’s connected to on the stylesheet. Things like that lead me astray. I’m editing through the wordpress theme editor, so maybe that’s my problem. Maybe some things are hidden.

    I have a simply problem, which I could live with, but if it can be fixed, all the better. Using benevolence, the monthy archive links are indented. I’m not sure how, having looked at the style.css file, and a few others. Then again, I’m new to this.

    Can anyone help?

    My blog (still to be launched) is at https://www.tonytoldme.com/wordpress

    Follow up to post above: I’ve noticed that this indentation occurs in IE, but not in Firefox. Any help in fixing this would be valued!

    tony

    Another followup — apparently the problem rests in the use of ‘title=li’ function in the sidebar. I need to use lists in a page, but don’t want this function in my sidebar. But I can’t figure how to delete it without my sidebar messing up.

    Okay, I figured it out.

    if another poor fool is having this problem, here’s what I did.

    in the style.css, replace

    ul {
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
    }

    li {
    list-style-type: circle;
    list-style-position: outside;
    margin-left: 10px;
    }

    with

    ul {
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
    }

    #sidebar li {
    list-style-type: circle;
    list-style-position: outside;
    margin-left: 0px;
    }

    li {
    list-style-type: circle;
    list-style-position: outside;
    margin-left: 10px;
    }

    This creates an li specifically when used in the sidebar. Otherwise, the regular li is what’s used. As you can see, the margin-left for the sidebar li’s is 0px, but left at 10px for regular lists.

Viewing 15 replies - 1 through 15 (of 18 total)
  • The topic ‘Sidebar woes – Benevolence Theme’ is closed to new replies.