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

Store Design
,
1

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.

2

Hello @CW5 :waving_hand:

Try this selector

.slider-content .main-title,

.slider-content .sub-title,

.slider-content .desc {

CSS code

}

3

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.

4

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;

}