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 From Bootstrap to WordPress Setup a Bootstrap Theme Add Bootstrap CSS via the functions.php File

Zander Curtis
Zander Curtis
10,634 Points

How did foundation.min.css load in page???

When I followed the tutorial I got the bootstrap.min.css to load but somehow the foundation.min.css also loaded and screwed up the three columns with a max-width: 62.5em? This caused the columns to collapse into 33% of 62.5em's instead of full width.

I know enough to change the .row class in the css, but how is this happening? How did foundation.min.css load without me declaring it.

Thanks in advance for help :-)

Go TeamTreehouse Community!

2 Answers

I'm halfway through that course. How did link the stylesheets also did you delete the old stylesheet links in the template pages?

Also i made similar mistake later on when you add a sidebar my rows where coming out tiny and after inspecting the element I realised I put a row with a row, so check the parent div.

Mohamed Hak
Mohamed Hak
17,195 Points

Hallo Zandra Curtis, I had the same issue and i discovered that both of us appearantly following Zac from previous course and we have Plugin called "easy foundation shortcodes", which cause this problem. uninstall the plugin and it will work fine as shown in the video. good luck and sorry for the late reply.