Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
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
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
Thank you so much for your help!
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!
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024