Brooklyn Theme - Hero header and subheader

Store Design
1

Hi! I would really appreciate any help I could get on how to change the main header and subheader font size on the slideshow on the free Brooklyn theme please. I’m trying to figure out how to do this on the CSS edit code section.

Also, how can I change solely the font type on the announcement tab on this theme too? I successfully changed all the font on the page to the one that I liked, however I want the announcement tab section to be in a different font.

Thank you.

Simona

2

Add the below code and just the EM/PX based on your requirement. You can add EM/PX in decimals.

Add this on toyr timber.scss at the end of the file.

@media only screen and (min-width: 769px){
.hero--adapt .hero__title, .hero__slide .hero__title {
    font-size: 3em; /*this is for Main title */
}
.hero--adapt .hero__subtitle, .hero__slide .hero__subtitle {
    font-size: 1.125em; /* this is for Sub Title*/
}
.announcement-bar__message{
font-size:15px; /* This is for announcement bar */ 
}
}

Hope this helps

Thanks

3

Thank you so much for your help!

4

Hey Anthony, thank you so much for this! Do you know how to change on the mobile version as well the heading and subheading of slideshow?
Thank you!