WordPress.org

Ready to get started?Download WordPress

Forums

How do I format sidebar links in Dipdolt theme? (11 posts)

  1. alicedavey
    Member
    Posted 7 years ago #

    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

  2. Petramv3
    Member
    Posted 7 years ago #

    Try the sidebar.php?
    Maybee that whil help. The style sheet is more for colors and images.
    GoodLuck

  3. alicedavey
    Member
    Posted 7 years ago #

    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>

  4. Petramv3
    Member
    Posted 7 years ago #

    Hm i am not sure ...

    You need more space between your page's?

    Maybee use this? <br/>

  5. alicedavey
    Member
    Posted 7 years ago #

  6. Petramv3
    Member
    Posted 7 years ago #

    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.

  7. moshu
    Member
    Posted 7 years ago #

  8. alicedavey
    Member
    Posted 7 years ago #

    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!

  9. alicedavey
    Member
    Posted 7 years ago #

    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

  10. moshu
    Member
    Posted 7 years ago #

    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/

  11. alicedavey
    Member
    Posted 7 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic