WordPress.org

Ready to get started?Download WordPress

Forums

Customize Sidebar (3 posts)

  1. artmak
    Member
    Posted 5 years ago #

    Hi All,

    Recently, I made my first wordpress theme, but the sidebar is giving me a real hard time! For some reason I am unable to modify my sidebar. This is HTML only example of how I want it to look like and I already have CSS for it:

    http://artmak.net/blog/wp-content/themes/artmak/

    But now the sidebar looks like this:

    http://www.artmak.net/blog

    For some reason, my sidebar.php file only has this code:

    <ul id="sidebar">
    <?php if ( !function_exists('dynamic_sidebar')
    || !dynamic_sidebar() ) : ?>
    <li id="about">
    <h2>About</h2>
    <p>This is my blog.</p>

    <li id="links">
    <h2>Links</h2>

    <?php endif; ?>

    But displays a lot more information than this code!

    Can somebody point me in the right direction, how to modify sidebar.php so that CSS can kick in and make it look nice! I am confused, should I be modifying the sidebar.php in my theme folder, or in the main root directory of the wordpress??

    Also, why does IE display my header so wrong?? Firefox is fine and also any other browser is fine, but IE is really bad.

  2. esmi
    Forum Moderator
    Posted 5 years ago #

    Can somebody point me in the right direction, how to modify sidebar.php

    http://codex.wordpress.org/index.php?title=Template_Tags

    so that CSS can kick in and make it look nice!

    The CSS needs to be edited to fit the markup - not the other way around.

    should I be modifying the sidebar.php in my theme folder, or in the main root directory of the wordpress??

    sidebar.php in your theme folder

    why does IE display my header so wrong

    If you are having cross-browser display problems, you should start by sorting our your theme's validation errors.

    After that, it comes down to which version of IE you're having problems with and why. 9 times out of 10, it's a CSS issue that can be solved by serving additional IE version-specific CSS via conditional comments.

    http://quirm.net/2009/06/29/wordpress-conditional-comment-css/

  3. artmak
    Member
    Posted 5 years ago #

    @esmi - thanks for your help, I think I figured it out, for some reason wordpress widget overwrite my own sidebar, so I got rid of wordpress default widgets and my custom sidebar kicked in! So now, I am still confused... if I want to add new widgets, do I have to do it manually inside my sidebar.php??

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.