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

Matt Lewis
Matt Lewis
5,970 Points

Bootstrap to Wordpress

I started building a site using Bootstrap, and built out the homepage in the index.html with a custom CSS file to make my own styles and it looks great and everything works when I view it in the browser. I followed the "Bootstrap to Wordpress" tutorial on here exactly, and when I added my custom CSS to the style.css file everything broke. Some styles show up, but the structure isn't the same at all. Is this not the correct way to add your own styles when creating a Wordpress theme with Bootstrap? I'm new to integrating static sites with Wordpress. Also, I've heard people talking about roots.io and similar starter themes, but I have no idea where to start with those. Please help!

4 Answers

Nick Stellato
seal-mask
.a{fill-rule:evenodd;}techdegree
Nick Stellato
Front End Web Development Techdegree Student 33,994 Points

Matt,

The biggest thing that you need to pay attention to is the paths to styles and images. When you move the css to the new folder, the paths to the css files could have changed. Also, make sure your index.html has the proper path to the css file.

Let me know if that helps.

Thanks,

Nick

Matt Lewis
Matt Lewis
5,970 Points

Yeah, I checked that. I linked to them in the functions.php file, and some of the styles were showing up, like my custom buttons/colors, but the structure was completely broken. Where I would have 3 "col-md-4" columns, it would make them a full column and content spans across the whole page. Any idea whats doing this?

Matt Lewis
Matt Lewis
5,970 Points

Found out that I had a small typo in the path, everything is working now. Thanks!