Change h1 tag in TwentyEleven

No problem, I certainly would avoid plug-ins when possible and for CSS, it’s just a question of getting the basics. Looks like that background is being overridden by this:

.entry-content h1

so try changing your new style to:

.entry-content h1.tab {
...
}

Are you using Firebug to work with the CSS — if not, you’re making this much harder for yourself ?? !!

WPyogi, I got the background to change using the first block of the code below, but when I add the second block for arrow and I do a span in the tag, it just doesnt show up… check it out…

.entry-title, .entry-title a {
  background-color: #e3e3e3;
  padding:  10px 40px;
  margin-left: -100px;
  position:relative;
  width:90%;
  font-size:60;
}

.entry-title, .entry-title .arrow {
  width:0;
  height:0;
  line-height:0;
  border-left: 20px solid transparent;
  border-top: 10px solid #c8c8c8;
  top: 100%;
  left:0;
  position:absolute;
}

and in the page…

<h1>The Snapshot <span class="arrow"></span></h1>

You are seriously my hero right now. You have helped me come so far. I shall drink a pint in your honor.

And if I do the same thing but only add color:red; in the arrow class, it changes the text to red. I dont understand why a span would override the color of the text that came before it…

okay, i finally did it. Holy Crap!!! I was making such a silly error. i was doing everything around within the page and I needed to change it in the content-page …

Okay. Resolved.

Resolved.