Brooklyn Theme - Hero header and subheader

Solved
Simona__B
Excursionist
23 0 10

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

Showbee
Excursionist
13 2 2

Hello @Simona__B,

Share your website link to check out before any specific answer.

Thanks

0 Likes
Anthony_David_
Trailblazer
229 29 87

This is an accepted solution.

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

Shopify Expert - Theme customization | Design | Marketing | Product Sales
Hire Me: anthonyuidesigner@gmail.com
Whatsapp ( Click on number )- +33 6 28 93 62 05
0 Likes
Simona__B
Excursionist
23 0 10

Thank you so much for your help!

0 Likes