Need help to identify CSS selector for text overlay over header hero image

[CW5]

Hello,

For my store, I would like to change the font-family and font-size of the text overlay on the hero image in the header. While I know the css code to change the text attributes, I am unable to identify the correct css class selector for the main title, sub title and description.

Anyone interested to help, please reply so I can send you the url. 

Thanks in advance to all. 

[ZenoPageBuilder]

Hello @CW5 👋

Try this selector

.slider-content .main-title,

.slider-content .sub-title,

.slider-content .desc {

    CSS code

}

[CW5]

Thanks @ZenoPageBuilder . Tried that, but it didn't work. Likely because it is a paid theme with customisations, so you may need to "inspect" the code.

[ZenoPageBuilder]

I doubled check and the selector is correct. Make sure you add !important to the CSS code to overwrite theme settings, for example

.slider-content .main-title,

.slider-content .sub-title,

.slider-content .desc {

    color: red !important;

}