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 Add Bootstrap Components to WordPress Theme Finishing Up Our Bootstrap Slideshow Carousel

Carousel indicators not working as they should be , not clickable , do not work as a way to navigate slides

well , in this specific project i'm having a problem making the indicators work as they should ... when i slide the images using the normal navigation arrows ok the indicators do the job and indicates which image i am on .... but i wanted this extra feature that i can navigate through the indicators ... too bad Zac didn't try to navigate using them so i know if it is my bad or not ... but i double checked the code i have and it is exactly the same as the project file


I just finished struggling with this for an hour.

In $args 'featured' is passed through $args. So basically the query asks for posts that have a category of "featured".

In other words your problem can be fixed in the dashboard when editing your posts.

http://codex.wordpress.org/Class_Reference/WP_Query category_name (string) - use category slug (NOT name).

In mine I gave them a category of "news". I added a category of 'featured' in the dashboard and it works.

1 Answer

Ross Coe
Ross Coe
5,061 Points

I had trouble with this as well - I think there's a problem when Zac copied and pasted the code start off the bootstrap site. Make sure when you declare the div for the carousel that IT'S ID DOES NOT HAVE A # in front of it e.g. <pre><code> <!-- no hash div id="carousel-example-generic" class="carousel slide" data-ride="carousel" > lower down at controls KEEP hash a class="left carousel-control" href="#carousel-example-generic" --> <!-- this might be BETTER yet: div id="myCarousel" etc.. and then .. a class="left carousel-control" href="#myCarousel" data-slide="prev" -->


Hope this helps someone left scratching their head (also be v.careful with variable names - amazing how easily a typo like thubmnail or thunbnail can trip you up :P