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 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.