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

Mohamed,

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

</pre></code>

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