Hi,
I want to remove the image number being displayed for images i.e. image 1 of 3 from the colorbox slideshow.How am I supposed to do that.What am I supposed to change? adding display:none!important in colorbox.css file is not solving my problem

The colorbox does only display that if in slideshow mode. To my knowledge it can't be removed. See http://colorpowered.com/colorbox/ to learn more.

But for usability's sake I would want to know how many image there are...Be it 10, 100 or 1000 is really important for visitors...

we can remove the image count by using the property 'current'.

$(".colorbox").colorbox({current:false});