WordPress.org

Support

Support » Themes and Templates » How do I format sidebar links in Dipdolt theme?

How do I format sidebar links in Dipdolt theme?

  • Hello,
    I have a website http://www.swindonhapkido.co.uk which I created using the theme Dipdolt. I have been successful in editing the theme to a certain extent by going into the CSS file and other files and changing the code. (I have no experience in this, I just did educated guessing and trial and error!).

    At the moment, the links in the sidebar show me the pages and their child pages. The child pages links are indented and dropped down slightly. What I would like to be able to do is even out the indentation, as at the moment it looks staggered. Also, make a bigger gap between the parent pages and lose the gap between the parent and first child page. I will try and make a mock up so you know what I mean!

    Thanks,
    Alice

Viewing 10 replies - 1 through 10 (of 10 total)
  • Try the sidebar.php?
    Maybee that whil help. The style sheet is more for colors and images.
    GoodLuck

    Hi,
    Thanks for the tip, I looked in the sidebar.php when i was trying to fix the problem, but I can’t identify the code to change just by looking unfortunately. There may be info in there, but I can’t see it! I think it might be a case of adding rather than changing? Not sure.
    Have a look if you think you might be able to help!

    <div id=”sidebar”>

    <div id=”meni”>

      <!– <li id=”calendar”><span class=”sidetitle” ><?php _e(‘Calendar’); ?></span>

      <?php get_calendar(1); ?>

      –>

      <li id=”search”>

      <label for=”s”><span class=”sidetitle” > <?php _e(‘Search’); ?>

      </span> </label>

      <form id=”searchform” method=”get” action=”<?php echo $_SERVER[‘PHP_SELF’]; ?>”>

      <div>

      <input type=”text” name=”s” id=”s” size=”15″ />

      <input type=”submit” value=”<?php _e(‘Search’); ?>” />

      </div>

      </form>

      <!–<li id=”pages”>–><span class=”sidetitle” ><?php _e(‘Info’); ?></span>

      <?php wp_list_pages(); ?>

    <?php get_links_list(); ?>

    <li id=”categories”><span class=”sidetitle” ><?php _e(‘Discuss’); ?></span>

      <?php wp_list_cats(); ?>

    <li id=”archives”><span class=”sidetitle” ><?php _e(‘Archives’); ?></span>

      <?php wp_get_archives(‘type=monthly’); ?>

    </div>

    </div>

    Hm i am not sure …

    You need more space between your page’s?

    Maybee use this? <br/>

    Before
    http://i16.photobucket.com/albums/b4/acdavey/SHpre.jpg
    After (this is some idea of what I would like to achieve!)

    Hm i see what u mean.
    I think u need to look for the color code in Style CSS
    #4F9EFF this one, and than change it to the color u whis.

    Ah! Thanks Moshu, of course it is not a ‘problem’, just that I want to alter the theme!

    Thanks, Petramv3, it was more than the colour I wanted to change.

    I will have a look at your links Moshu!

    I am doing my best to understand this, those articles are good, but my sidebar seems to be somehow different to what’s shown in the guides. There is no list of the actual content in sidebar.php, so I’m not sure how that is generated. Also, I can’t find all the formatting info in the stylesheet.css or sidebar.php, where is it telling it to do different stuff with the nested list?

    I’ll keep investigating, but if anyone can enlighten me that would be amazing!

    Thanks,
    Alice

    It might be slightly different but the basic concept is quite the same.
    You need to understand that template tags, like

    <ul>
    <?php wp_list_pages(); ?>
    </ul>

    will generate a “real” list like
    <ul>
    <li class="page_item">My page1</li>
    <li class="page_item">My page2</li>
    <li class="page_item">My page3</li>
    <li class="page_item">My page4</li>
    <li class="page_item">My page4</li>
    </ul>

    (even more complicated because of the a href link tags…)

    Good read:
    http://codex.wordpress.org/Finding_Your_CSS_Styles
    From the big G:
    http://www.simplebits.com/notebook/2003/10/19/styling_nested_lists.html
    http://css.maxdesign.com.au/listamatic2/

    Thanks again, moshu, if I keep bashing my brain against it, some will go in 🙂

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘How do I format sidebar links in Dipdolt theme?’ is closed to new replies.
Skip to toolbar