Docs

[Missy S]

Hi, On mobile the font on the slider is super tiny please help me make it legible. This is the font I css that I tried to use:

/* Revolution Slider Font on Mobile */
@media (max-width: 979px){
.site #rev_slider_1_1_wrapper .tp-caption {
font-size: 18px !important;
}
}

[Missy S]

This reply has been marked as private.

[Christopher]

Hi there,

To make layers responsive, please check this link https://www.themepunch.com/revslider-doc/layer-responsive-behavior/

Hope it helps.

[Lely]

Hello Missy,

Are you referring to SCHOLAR FILMMA… text? If yes, please use this custom CSS:

@media (max-width: 979px){
div#slide-1-layer-1 {
    font-size: 15px !important;
}
div#slide-1-layer-3 { /*for button*/
    font-size: 15px !important;
    line-height: 15px !important;
}
}

Adjust the values accordingly.

[Missy S]

Thanks so much Lely. I almost have it after U added SPAN. The problem now is SPAN is only affecting the last 4 letters of the last name TANER. The first 3 letters are smaller. How do I get css to apply one size to the entire name?

Here is the code i used:

@media (max-width: 979px){
div#slide-1-layer-1 {
font-size: 12px !important;
}
div#slide-1-layer-2 span{
font-size: 35px !important;
}
div#slide-1-layer-3 { /*for button*/
font-size: 15px !important;
line-height: 15px !important;
}
}

[Christopher]

Hi there,

Please update this code :

div#slide-1-layer-2 span{
font-size: 35px !important;
}

To :

div#slide-1-layer-2 span, div#slide-1-layer-2 {
    font-size: 35px !important;
    line-height: 44px !important;
}

Hope it helps.

[Missy S]

That’s Perfect. Thank you!

[Friech]

You’re more than welcome, glad we could help.

Cheers!

[Author]

Posts