OVERRIDE SLIDER FONT? { h2 } ? only responds to general setings

hello
i have a slider, which has hyperlink font within it {h2 }
so whatever change i make in the general { h2 } will effect it

i dont want the slider’s font to be the same as the other h2 font
so i went to the .css of my slider and tried entering

text-transform: uppercase; }

however this did not override it,
but anytime i add :uppercase; to the .css of general h2
my slider responds, however this ends up in my entire blog being in uppercase, which is not what i want
any suggestions?

here’s my general h2 code:

h2 {
color: #ff1919;
font-family: Oswald-Bold, Georgia, Nunito, Oswald;
font-size: 26px;
border-bottom:2px solid #000000;
margin-bottom: 10px;
font-weight: bold;
}

here’s my slider .css

.scrollable .caption {
color: ;
position: absolute; bottom:16px;
padding-left: 1px;
font: bold, 23px oswald;
}

simply adding :uppercase; to the slider does not work