WordPress.org

Ready to get started?Download WordPress

Forums

Help moving Categories from sidebar to footer (4 posts)

  1. BradlyKF
    Member
    Posted 6 years ago #

    My site is BicycleFrenzy.com
    I really want to move the Categories section from my sidebar and put it in my footer. Much like on Problogger. I have tried a few different things and all I end up with is a long vertical list that doesn't really work out. I'm familier with some coding and CSS but this is above what I have done before I think.

    I just need help coding it so its moved to the footer. The graphics I can handle once its where I want it.

    Any help would be much appriciated. If this has been posted on before I'm sorry but I didn't find it so could you point me to it if it has?

  2. moshu
    Member
    Posted 6 years ago #

    Find a theme that has already what you want and either use it or study it.
    http://themes.wordpress.net

  3. BradlyKF
    Member
    Posted 6 years ago #

    So here is the code I used to get the Categories moved to the footer. This bit is under the footer section of my Style.css

    .footerlinks ul {
         text-transform:uppercase;
         display: inline;
         color: #FFFFFF;
         font-size:10px;
         list-style-type: none;
         list-style-image: none;
         margin:0; }
    .footerlinks li, .footerlinks li li, .footerlinks li li li {
         display: inline;
         padding: 0px 5px; }
    .footerlinks ul li a {
         color: #FFFFFF !important;
         font-size: 10px;
    }

    and here is the code that is actually in the footer.php

    <div id="footer">
    Categories:
    <ul class="footerlinks">
    <?php wp_list_cats(''); ?>
    </ul>

    Now the problem I have is that it is ignoring any formatting options I apply to the .footerlinks in my Style.css sheet.

    I've tried using Firebug to track it down but I haven't had any luck.

    Does anyone have any ideas?

  4. Jeremy Clark
    Moderator
    Posted 6 years ago #

    It has to do with the way you've got your css classes. Since you've add the class to the ul you need to call it in your css ul.footerlinks
    So the your code would become

    ul.footerlinks {
         text-transform:uppercase;
         display: inline;
         color: #FFFFFF;
         font-size:10px;
         list-style-type: none;
         list-style-image: none;
         margin:0; }
    ul.footerlinks li a {
         color: #FFFFFF !important;
         font-size: 10px;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic