Css Selector Header slider text

Hi. I’m Easy Google Fonts to change the font for the text in the header slider. I’m looking the for the css selector to control this text.

G

Hello G,

Which type of slider are you using? If you are using Sydney’s main slider, you can use these selectors:

    .text-slider .maintitle { /* Slide title */
    }
    .text-slider .subtitle { /* Slide sub-title */
    }

Regards,
Kharis
aThemes Support

Hi Kharis, This worked but when I bring up the website on my mobile the text is huge. Is there css for the mobile version?

Thanks,

George

Hello George,

For mobile screen, you could use CSS media query. For example:

    @media only screen and (max-width: 991px) {

      .text-slider .maintitle { /* Slide title */
      }
      .text-slider .subtitle { /* Slide sub-title */
      }
      
    }

Regards,
Kharis
aThemes Support

Hi Kharis, I could not get this to work. I tried this as an easy google font selector as well as adding it to the css. Neither changed the font size on the mobile screen.

Please advise,

George