Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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!