Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

PHP How to Build a WordPress Theme Converting Static HTML into WordPress Templates Coding the Header and Footer Templates

Posted by Jennifer Smeriglio
Jennifer Smeriglio
13,236 Points

Widgets Not In Right Spot and Social Media Icons

So I've gotten through the video a few times, and I've gotten everything to work but the widgets and social icons. I'm not sure if the icons are just not around anymore and I need to place a new set in? Only the email icon works. The others are just rectangles.

The widgets are also not working , they aren't in three columns but go along the length of the page and are stacked.

my header.php file is as follows:

<!DOCTYPE html>
    <html>
        <head>
            <title>
                <?php 

                    wp_title( '-', true, 'right' );

                    bloginfo( 'name' );

                ?>

            </title>
            <meta name="viewport" content="width=device-width, initial-scale = 1.0">
            <?php wp_head(); ?>
        </head>
        <body>

            <div class="container clearfix">
                <header>
                    <div class="grid_12 omega none">
                        <hgroup>
                            <h1><a href="<?php bloginfo( 'siteurl' ); ?>"><?php bloginfo( 'name' ); ?></a></h1>
                            <h2><?php bloginfo( 'description' ); ?></h2>
                        </hgroup>
                    </div>
                    <div class="grid_12 omega">
                        <nav>
                            <?php 

                                $args = array(
                                    'menu' => 'main-menu',
                                    'echo' => false
                                );

                                echo strip_tags(wp_nav_menu( $args ), '<a>');

                            ?>
                        </nav>
                    </div>
                </header>

If any other code is needed let me know!

Thanks so much

1 Answer

thomascawthorn
thomascawthorn
22,986 Points

Hey! I had the same issue, I had a look at the image file and for me, the other sprites hadn't been added! If you download the site from a future video, they should appear for you!

Jennifer Smeriglio
Jennifer Smeriglio
13,236 Points

Was that true for the footer layout too?Or you just had trouble with the icons? Thanks for the tip though!