[Solved] How to make Bootstrap chevrons slimmer

[computerbarry]

Hi all

For those using Bootstrap will be familiar with the icon set, and in particular glyphicon-chevron-right. My problem is that they are to fat, the size is ok and I can change this ok, though I’m wondering if there is a way of making them slimmer, not so chunky?

Anybody managed to do this?
Come to the point where I might need to make my own graphics, would be nice if simple solution for this.

Thanks, Barry

[computerbarry]

For anybody interested…

The issue lies with the icon set. By default Bootstrap 3 ships with Glyphicons bundle, simply use FontAwesome icons library instead. Or you can use both if you require specific icons, though maybe a little overkill, try and stick to one.

So:

glyphicon glyphicon-chevron-right

becomes…

fa fa-chevron-right

You’ll also need to include FontAwesome library on your page, download or reference from any popular providers, I use:

href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css"

And the final result

Barry

[ronpat]

computerbarry,

Thank you for posting this issue and especially for posting the solution that you found. A helpful contribution.