Changing the Size of the subheading on homepage/slider (Brooklyn Theme)

[mrjaengland]

Hey!

I was hoping someone might know how to change the size of the subheading within the slider/homepage?

I have the code below to adjust the heading:

.hero__controls{display:none!important;}

.hero__text-align h2.hero__title.h1 {
font-size: 12px !important;
font-weight: normal;
}

And tried to adjust for subheading, but not having much luck.

URL: https://www.notacard.com/

Any help will be very much appreciated!

Huge thanks in advance,

[suyash1]

@mrjaengland - this css is applied, please change 12 to bigger number and check

[mrjaengland]

Hi @suyash1 ,

Thanks for this, however, this only changes the heading. Not the subheading?

Thanks again

[WoodyDev]

Hi!

You will need to find this code in your theme.css file and change the value:

@media screen and (min-width: 591px)
.hero__slide .hero__subtitle, .hero--adapt .hero__subtitle {
    font-size: 1.05882em;
}

(You can change this to a px amount if you prefer, but rem is used to allow the text to scale depending on screen size)

[suyash1]

@mrjaengland - actually I edited your applied code on browser and I can see like this, or oyu can try code by @WoodyDev