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

WordPress From Bootstrap to WordPress Setup a Bootstrap Theme Adding Ability for Dropdown Navigation

Brad Griffin
Brad Griffin
7,003 Points

1:55 Menu CSS not in project downloads

Howdy Zac! Hey, around 1:55 you paste the css for the menu into the style.css file and mention that it's in the project downloads. I've double checked the zip and I'm not seeing it. Now, not having gone through the css tuts yet, I'm kinda STUCK :-)

Any chance we could get a copy of the menu css so that I can go to the next video? Thanks!

3 Answers

Sean T. Unwin
Sean T. Unwin
28,690 Points
  • Download the project files from the current lesson. The .zip should be called, wp12.1.7-bootstrap-to-wp.
  • Copy style.css into your 'bootstrap-to-wp` (or whatever you named the theme for this project) theme folder in your development server's WordPress installation. Override the existing one.

Alternatively, replace the contents of style.css with the new version from the current project files mentioned above or the code below.

If you're having trouble, here is the updated CSS from this lesson so you can copy/replace your existing style.css.

style.css
/*
Theme Name: Bootstrap to WordPress
Theme URI: http://wptreehouse.com/from-bootstrap-to-wordpress
Author: Zac Gordon
Author URI: http://wp.zacgordon.com/
Description: Example theme for Treehouse course on how to convert static Bootstrap site into dynamic WordPress theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bootstrap-to-wp

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

body {
  padding-top: 50px;
  padding-bottom: 20px;
}

.admin-bar .navbar-fixed-top {
    margin-top: 30px;
}

@media (min-width:768px) {
    .sub-menu {
        display: none;
        position: absolute;
        background: #222;
        padding: 10px 15px;
        width: 200px;       
    }

    li:hover .sub-menu {
        display: block;
    }

}

.sub-menu li {
    margin-bottom: 10px;
    list-style: none;
}

.sub-menu li:last-child {
    margin-bottom: 0;
}

.sub-menu a  {
    color: #999;
    text-decoration: none;
}

.sub-menu a:hover  {
    color: #fff;    
}   

.current-menu-item > a, .current-menu-parent > a {
    background: #000;   
}
.current-menu-parent li a {
    background: inherit;
}
.current-menu-parent .current-menu-item a {
    color: #fff;
    font-weight: bold;
}

Thanks! Saved me a download. :P

Brad Griffin
Brad Griffin
7,003 Points

well... crappers. Slap my fanny and call me Bertha. I was only doing the 'download project-files' thing on the first lesson of each chapter. Now I realize that there are different files under each lesson.

Sean T. Unwin
Sean T. Unwin
28,690 Points

Yeah, you definitely want to keep an eye for that in every class as each instructor packages their class and files differently.

I checked the current project files and this css wasn't present so thanks for posting.