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

CSS

Bootstrap Carousel Arrows... How To Vertical Center?

Hey guys,

I'm having problems with the Bootstrap Carousel. It appears the right hand arrow is higher than the left.

I haven't used Bootstrap much but I'm sure this has happened before.

Bare in mind I have applied absolutely none of my own styles.

check the image below to see what I mean.

http://s30.postimg.org/g83v874tt/Screen_Shot_2015_10_25_at_17_24_47.png

Thanks Joe

Hii Joe! Do you mean right side arrow's and left side arrow's space from top is not equal? In your screenshot the both arrow seems to be talking equal space to me. am I missing out something?

I am in agreement with Himanshu; the arrows appear to be even. The weight of the picture, however, may be tricking your eyes into thinking they are not. I used a ruler to check, and from the top of my monitor, both arrows were exactly 4 inches down... Try a different picture with straight horizontal lines to be sure.

I agree with the others, I measured everything and both the right and left are the same distance from the top. There are a little closer to the top than they are the bottom... 206px from the top vs. 202px from the bottom... which might be the font glyph you're using.

Hi guys,

thanks for all the replies. Maybe it is just my eyes!

Thanks :)