Change font size slideshow Brooklyn (2nd slide)

Highlighted
New Member
5 0 0

Hi there

I changed the font size at the top slide for the Brooklyn theme by adding code:


/*================ Font sizes ================*/
.hero__slide {
.hero__title {
font-size: em(40px);
}

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

@include at-query($min, $postSmall) {
.hero__title {
font-size: em(40px);
}

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

@include at-query($min, $large) {
.hero__title {
font-size: em(40px);
}
}
}

 

But the font in the slider mid page is still showing too big. How can I change this? 

https://www.wilhelminainternationalpsychic.com/

0 Likes
Highlighted

Hello SiriBuskes,
Please share the screenshot.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
5 0 0

Wilhelmina.png

 

We need to change the H1 Font size from the 2nd Slideshow section. We managed to change the top slideshow font size.

0 Likes
Highlighted

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid
For dekstop

@media screen and (min-width: 769px){
#shopify-section-1604824550edc30b3a h2.hero__title.h1 {
    font-size: 2.7em;
}
}


For mobile

@media screen and (max-width: 768px){
#shopify-section-1604824550edc30b3a h2.hero__title.h1 {
    font-size: 2.7em;
}
}


Note: Please change font size as per your requirement

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
5 0 0

Thank you! That didn't work, unfortunately.

0 Likes
Highlighted
.hero__text-align h2.hero__title.h1 {
    font-size: 20px;
    font-weight: normal;
}

try this code

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
5 0 0

Thanks for your time but this one doesn't work either. The top one now doesn't work anymore either while I had that one working before. 

0 Likes
Highlighted
.hero__text-align h2.hero__title.h1 {
    font-size: 20px !important;
    font-weight: normal;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
5 0 0

YOU ARE THE BEST! This worked! Thank you so much!

0 Likes