Change font in Brooklyn theme

koftaclothing
New Member
2 0 0

Hello,

I am trying to change font size in slideshow section in Brooklyn theme. I have found line of code: 

/*================ Font sizes ================*/
.hero__slide,
.hero--adapt {
.hero__title {
font-size: em(50px);
}

.hero__subtitle {
font-size: em(15px);
}

 

However, when I am changing it - only mobile version changes. Desktop stays the same. How can I fix it? thanks. 

0 Likes

your store url please.

Shopify theme developer and customization

I Would like to add new functionality or customize an existing one, please hire me.
If helpful then please Like and Accept Solution .
Email: ashiquehussaincodediary@gmail.com

0 Likes
koftaclothing
New Member
2 0 0

It is not published yet

0 Likes

Hello ,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

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

Note: Please change font-size as per your requirement.

The above code changes the font for desktop view

 

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
Medy06
Tourist
26 0 2

And could you please add the code for the mobile view ?

Thanks

0 Likes

To change font size in slideshow section for mobile view.
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss

@media screen and (max-width: 768px){
.hero__slide .hero__subtitle, .hero--adapt .hero__subtitle {
    font-size: 16px !important;
}
.hero__slide .hero__title, .hero--adapt .hero__title {
    font-size: 40px !important;
}
}


Note: Please change font-size as per your requirement.

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
Medy06
Tourist
26 0 2

Thanks a lot, it works very well

0 Likes
Medy06
Tourist
26 0 2

Any idea how change font size of title of featured collection on mobile view ?

0 Likes

Hello Medy06,
Please share the screenshot of which title font size you want to change.

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
Medy06
Tourist
26 0 2

here is

Screen.jpg

0 Likes