Help! .slider-content-wrapper SOLVED

Envato Customers Web and Code
1

Hello there!

I have a shopkeeper theme. I am trying to change some codes without success. I am not too code savy but I can defend myself a little bit.

I am using sliders on my home page www.panda-cub.com
I have been able to change the font of the text inside the slides with this code for all sizes of screen:
@media only screen and (min-width: 0px) {
.slider-content-wrapper h1 {
font-family: ‘Forte’, ‘MarkerFelt-bold’, cursive !important;
}
}

But I want to change the size of the font using the similar code but I am not succesful, please help me. This is what I thought I would use and it is not working: (change only for tablets and cellphones)

@media only screen and (max-width:1000px) {
.slider-content-wrapper h1 {
font-size: 40px !important;
}
}

40 may be too big but I will adjust that later. Thank you so much!!!

2

please use this:
@media only screen and (min-width:0px) {
.slider-content-wrapper h1 {
font-size: 40px !important;
}
}

or just:
.slider-content-wrapper h1 {
font-size: 40px !important;
}

2 Likes
3

Thank you for your response. That is sort of what I had, only different in MAX px and MIN px, but I still tried it. It won’t change.

4

if you need it for only tablet and smartphone mean small devices then you can use:

@media screen and (max-width: 1199px) {
.slider-content-wrapper h1 {
font-size: 40px !important;
}
}

you can chnage 1199px to 991px if you need more small devices.

5

Thank you very much for your response! That’s what I have been trying to do and it won’t change.

6

please provide a small screenshots of the font you want to chnage so that I can check with your live site and can give you solution.

7

@media screen and (max-width: 1199px) {
.slider-content-wrapper h1.primary_font {
font-size: 12px !important;
}
}

use this

1 Like
10

OMG you did it! Thank you ! Thank you! Thank you!!!

2 Likes