Revolution Slider have random behaviour with font size

[rmi]

Hello

We’re using Revolution Slider included in Samsara for our home slider. There is a really random behaviour on Chrome about the font-size of the layers of first slide. On the first load it looks ok, but if we go to another page on the website then come back to home, the font-size change to 14px instead of 71px. Next slides are ok, it’s just on the first slide. It happens on Chrome, Safari but not on Firefox.

I already tried to reach Revolution Slider support about that issue, but they told me to ask you for help because the plugin is packaged in the theme.

You’ll find the link to the website in the next private message.

Best regards

[rmi]

This reply has been marked as private.

[rmi]

Nevermind. Used a JS hack to force styles on load.

[FocuxTheme Support]

Hi

This is my first time to hear this issue, could you share us your detailed solution?

Thanks

[FocuxTheme Support]

Thank you, rmi!

[rmi]

Hello

This is what i used :

if(jQuery('#rev_slider_1_1 .loveloblack_white_70px').size() > 0 &&jQuery('#rev_slider_1_1 li:first-child .loveloblack_white_70px').css('font-size') != '71px') {
jQuery('#rev_slider_1_1 li:first-child .loveloblack_white_70px').css('font-size', '71px').css('left', jQuery(window).width()/2 – jQuery('#rev_slider_1_1 li:first-child .loveloblack_white_70px').width()/2);
jQuery('#rev_slider_1_1 li:first-child .loveloblack_white_24px').css('font-size', '24px').css('left', jQuery(window).width()/2 – jQuery('#rev_slider_1_1 li:first-child .loveloblack_white_24px').width()/2);
}

It should be called on document.ready.

Cheers

[Author]

Posts