Take the 2-minute tour ×
WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. It's 100% free, no registration required.

I'm trying to add a copyright statement and footer menu to the footer area of my Twenty Ten child theme. So far I've created the child theme and added the copyright statement and footer menu to the footer.php file.

My code for the child footer.php file is:

<?php
/**
 * The template for displaying the footer.
 *
 * Contains the closing of the id=main div and all content
 * after. Calls sidebar-footer.php for bottom widgets.
 *
 * @package WordPress
 * @subpackage Twenty_Ten
 * @since Twenty Ten 1.0
 */
?>
    </div><!-- #main -->

    <div id="footer" role="contentinfo">
        <div id="colophon">

<?php
    /* A sidebar in the footer? Yep. You can can customize
     * your footer with four columns of widgets.
     */
    get_sidebar( 'footer' );
?>

            <div id="site-info">
                <!-- EDIT -->
                Copyright (c) 2013 Acme Inc. All rights reserved.
                <?php wp_nav_menu( array( 'theme_location' => 'footer-menu' ) ); ?>
                <!-- EDIT -->
            </div><!-- #site-info -->

            <div id="site-generator">
                <!-- EDIT -->
                <!-- EDIT -->
            </div><!-- #site-generator -->

        </div><!-- #colophon -->
    </div><!-- #footer -->

</div><!-- #wrapper -->

<?php
    /* Always have wp_footer() just before the closing </body>
     * tag of your theme, or you will break many plugins, which
     * generally use this hook to reference JavaScript files.
     */

    wp_footer();
?>
</body>
</html>

The problem is the formatting. Everything should be on one line without any bullets. Like:

Copyright (c) 2013 Acme Inc. All rights reserved. Privacy Policy Terms & Conditions

Instead the copyright statement is on its own line followed by the links (each on a separate line with bullets).

I tried float: left; AND list-style: none;. This works somewhat but the links are still on a separate line. Maybe it's my div structure?

share|improve this question
add comment

2 Answers

Assuming the menu has the structure

 <div id="site-info">
    Copyright (c) 2013 Acme Inc. All rights reserved.
    <ul class='menu'>
        <li> Privacy Policy</li>
         <li>Terms and conditions</li>
    </ul>
 </div>

You will need to add the following css"

#site-info{
    display: inline-block;
    line-height: 30px; /* adjust to aling everything up or remove */
}
.menu{
       list-style: none; /* to remove the bullets */
       display:inline-block;
}
.menu li{/* this will show all the li tags inline with everything */
    display:inline-block; 
    padding: 0 20px;
}

Working demo with comments http://jsfiddle.net/NerudoMregi/x8YqP/

share|improve this answer
2  
+1 nice Answer. Pity that's an off-topic Q. Check this Stack faq. –  brasofilo Jan 22 '13 at 22:42
    
Ouh you right. Thanks should have read the FAQ. –  Nerudo Jan 22 '13 at 23:29
add comment

Have you tried display: inline?

share|improve this answer
    
Jessica, this is a comment in reality, you'll have to make few points of reputation to be able to make comments in Q or A's that are not yours... Check the faq, there's a nice guide on How to Answer, and welcome! –  brasofilo Jan 22 '13 at 22:33
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.