How to increase the size of the arrows on the twitter carousel bootstrap navigation

Question

How can I increase the arrow size of the navigation icons for twitter found here?

I tried increasing the width / height property in the following css to 70px from 30px, but this did not work

prev, .carousel-control .icon-next {
width: 70px;
height: 70px;
margin-top: -15px;
margin-left: -15px;
font-size: 30px;

+4

Milligran Oct 13 '13 at 16:19

1 answer

balexandre · Accepted Answer · 2013-10-13T16:22:03+0000

it's a font, so all you have to do is make it bigger

eg:

.carousel-control .icon-prev, 
.carousel-control .icon-next {
    font-size: 100px;
}

then use margin-topto adjust the horizontal position, for example (in case 100pxc font-size) usemargin-top: -70px;