Docs

[pdopchev]

Hi guys,

Been trying to prevent a text layer in Revolution slider to go below certain font size but unsuccessfully so far. I tried to do it with the responsive text shortcode but the text has a different color, it’s not aligned in the center and still seems to scale down…

As of now, after reading this thread:https://community.theme.co/forums/topic/fonts-too-small-in-smartphone-revolution-slider/, I have to following code:

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

but still not working…

Any ideas how to achieve that?

this is what I had as a shortcode:

[custom_headline class="responsive-heading" type="center" level="h3"]Just got a pair of 100's - held on East coast concrete and soared on powder we got the next day! - Charlie Cook[/custom_headline] [responsive_text selector=".responsive-heading" compression="1.5" min_size="18px" max_size="32px"]

link: https://rompskis.com/

[Rue Nel]

Hello There,

Thanks for writing in! You only need to update your custom css and you can make use of this code instead:

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

This code should force the font size to 18 pixels only. This however will only be applied when the screen size is smaller than 980px.

Please let us know if this works out for you.

[pdopchev]

It did work, thank you!

Just noticed that there is a “blink” in between the quotes (a white square or something similar in shape)… Any guesses how to remove that?

[Rupok]

Hi there,

Thanks for updating. I can’t see such blink. Would you attach a screenshot?

Cheers!

[pdopchev]

Hi,

Tested in Firefox and Chrome and it shows up in both browsers… It seems like a “loading” square

[Rue Nel]

Hello There,

Thank you for the clarifications. Simply edit your slider and you can disable the spinner. You can even change the color or type of spinner you want to display. You can find this in the general settings > layout & visual > spinner;

Hop this helps.

[pdopchev]

Should have know it’s something like that! Thank you for your help!

[Friech]

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

Cheers!

[Author]

Posts