whats happening with my index page?

I think you just need to add your body “blog” class before your own css style like below:

.blog .entry-subtitle {
width: 100%;
height: 36px;
line-height: 36px;
letter-spacing: 1px;
color: white;
font-weight: normal;
font-size: 1em;
text-indent: 15px;
margin-top: -10px;
background-color: #761616;
text-transform: uppercase;
}

It should works.

Related Posts:

  1. How to change btn color in Bootstrap
  2. force footer on bottom on pages with little content
  3. Dynamically change color to lighter or darker by percentage CSS
  4. How do I right align div elements?
  5. CSS “margin: 0 auto” not centering
  6. CSS3 Scale Animation Keyframes
  7. JavaFX css themes
  8. Border Position
  9. Bootstrap align navbar items to the right
  10. Detect if a browser in a mobile device (iOS/Android phone/tablet) is used
  11. Using font awesome in codepen
  12. using media queries with LESS
  13. How can I apply styles to multiple classes at once?
  14. How to get multiple images to auto resize and stay centered within a div
  15. CSS rotation cross browser with jquery.animate()
  16. How can I center