[closed] OVERRIDE SLIDER FONT? { h2 } ? only responds to general setings (5 posts)

  1. kidkcstar
    Posted 2 years ago #

    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

  2. Evan Herman
    Posted 2 years ago #

    Can we get a link to the site in question?

    Why not just override it using an !important tag.

    .slider-h2 {
     text-transform: uppercase !important;
  3. mlddev
    Posted 2 years ago #

    If you can provide a link to the site as Evan suggested it would help determine what CSS properties need adjustments, and I would be happy to take a look.

  4. kidkcstar
    Posted 2 years ago #

    hey @evan
    that didnt do it

    site is http://www.citizenstars.com

  5. Andrew Nevins
    Forum moderator
    Posted 2 years ago #

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.