Change the color of glyphicons to blue in some- but not at all places using Bootstrap 2

Finally I found answer myself. To add new icons in 2.3.2 bootstrap we have to add Font Awsome css in you file. After doing this we can override the styles with css to change the color and size.

<link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">

CSS

.brown{color:#9b846b}

If we want change the color of icon then just add brown class and icon will turn in brown color. It also provide icon of various size.

HTML

<p><i class="icon-camera-retro icon-large brown"></i> icon-camera-retro</p> <!--brown class added-->
<p><i class="icon-camera-retro icon-2x"></i> icon-camera-retro</p>
<p><i class="icon-camera-retro icon-3x"></i> icon-camera-retro</p>
<p><i class="icon-camera-retro icon-4x"></i> icon-camera-retro</p>

Related Posts:

  1. Open source social media icons to download and use on website? [closed]
  2. CSS calc width and height values
  3. Center image using text-align center?
  4. CSS Background Opacity [duplicate]
  5. How do I vertically align text in a div?
  6. Hide scroll bar, but while still being able to scroll
  7. How can I center text (horizontally and vertically) inside a div block?
  8. Center image horizontally within a div
  9. Draw Circle using css alone [duplicate]
  10. Remove CSS class from element with JavaScript (no jQuery) [duplicate]
  11. Transparent CSS background color
  12. Prevent line-break of span element
  13. Is there any way to change input type=”date” format?
  14. How to align iframe always in the center
  15. How to center a “position: absolute” element
  16. Expected RBRACE, but the bracket is there?
  17. How to make an image center (vertically & horizontally) inside a bigger div
  18. How to center text with Markdown?
  19. Set the table column width constant regardless of the amount of text in its cells?
  20. Two divs side by side – Fluid display
  21. CSS Display an Image Resized and Cropped
  22. Disable Scrolling on Body
  23. Darken CSS background image?
  24. How do I make a placeholder for a ‘select’ box?
  25. Responsive image map
  26. CSS color vs. background-color vs. background?
  27. How to wrap text around an image using HTML/CSS
  28. Getting “Failed to load resource: net::ERR_FILE_NOT_FOUND” when trying to load a background image
  29. CSS: background-color only inside the margin
  30. Stretch background image css?
  31. Set cellpadding and cellspacing in CSS?
  32. How to make a whole ‘div’ clickable in html and css without JavaScript?
  33. How (and why) to use display: table-cell (CSS)
  34. Vertical Text Direction
  35. Disable Scrolling on Body
  36. How do I set a background-color for the width of text, not the width of the entire element, using CSS?
  37. CSS Background Image Not Displaying
  38. How to darken a CSS background image?
  39. Changing image sizes proportionally using CSS
  40. How can I create a marquee effect?
  41. How to give the background-image path in CSS?
  42. How to overlay image with color in CSS?
  43. CSS Background image not loading
  44. Outline radius?
  45. How to set Helvetica font?
  46. right align an image using CSS HTML
  47. Indent starting from the second line of a paragraph with CSS
  48. CSS Background Image Not Displaying
  49. CSS list-style-image size
  50. html not linking css
  51. Removing border from table cells
  52. How to display hr horizontally with flex?
  53. Why doesn’t height: 100% work to expand divs to the screen height?
  54. How can I position my div at the bottom of its container?
  55. Why doesn’t height: 100% work to expand divs to the screen height?
  56. How can I position my div at the bottom of its container?
  57. How can I override Bootstrap CSS styles?
  58. How to get CSS to select ID that begins with a string (not in Javascript)?
  59. Styling an input type=”file” button
  60. How to stick footer to bottom (not fixed) even with scrolling
  61. Setting table row height
  62. How do I disable the resizable property of a textarea?
  63. How to change the background-color of jumbrotron?
  64. Is it possible to set the equivalent of a src attribute of an img tag in CSS?
  65. What replaces cellpadding, cellspacing, valign, and align in HTML5 tables?
  66. Place input box at the center of div
  67. How to display a gif fullscreen for a webpage background?
  68. Padding a table row
  69. vertical-align with Bootstrap 3
  70. How do I align in my image to move it vertically up?(CSS,HTML)?
  71. How to align 3 divs (left/center/right) inside another div?
  72. Bootstrap Columns Not Working
  73. How to center an unordered list?
  74. Align an element to bottom with flexbox
  75. How can I change the thickness of my
    tag
  76. How to make div appear in front of another?
  77. PHP Include Nav-bar For Every Page Techniques?
  78. Vertically align text next to an image?
  79. How to create spoiler text?
  80. How do I center text in a span?
  81. text-align justify not working
  82. HTML not loading CSS file
  83. How can I center my ul li list in css?
  84. Is it possible to use css to shrink text to automatically fit the size of the div
  85. CSS !important not working
  86. Best way to center a
  87. How to best set a CSS3 transition to none?
  88. How to make a div 100% height of the browser window
  89. How to resize an image to fit in the browser window?
  90. Why is vertical-align: middle not working on my span or div?
  91. ow to change the style of the title attribute inside an anchor tag?
  92. Flex align-items: center not centering items
  93. HTML / CSS table with GRIDLINES
  94. How can I align text directly beneath an image?
  95. Layout a flex box similar to a table?
  96. jQuery find element by data attribute value
  97. How do I clear the content of a div using JavaScript?
  98. Style reply form different than comment form
  99. Style the last element having a specific class [closed]
  100. How can I insert a disclaimer in a WordPress site?

Leave a Comment