• Closed
  • Chris C
    Spectator
    June 3, 2014 at 1:41 pm #8456

    Hi,

    Just wanted to report a bug in the Revolution Slider layer feature.

    Repro:
    1. On an existing slide, create a new text layer and enter some text. At the bottom, give the layer an id (“test”).
    2. On a new WordPress page, insert the RevSlider slide.
    3. On the same page, create a new style with
    <style type=”text/css”>
    #id {
    font-size:18px;
    line-height:18px;
    }
    </style>
    4. When the slider is loaded, check that the font-size and line height becomes 12px, as RevSlider gives it an inline style (this.style) that is roughly 2/3 of whatever original size the font was.

    Adding !important behind the css style declaration works, *but* we lose responsive resizing (i.e. font remains 12px even if the slide gets resized smaller).

    So my workaround is that if I want the size to be 18px, I’d have to specify 27px so that RevSlider js will resize it to 18px.

    Chris C
    Spectator
    Posts: 10
    June 3, 2014 at 1:48 pm #9936

    Oh, the bug remains even we use the “Edit Style” to specify font-size and line-height (instead of using css tags as above).

    So in Step 3, instead of adding the font-size and line-height to the css tag on the page, you can add that to “Edit Style” > “Advanced Editor” instead. Same result.

    Roman
    Spectator
    Posts: 3147
    June 4, 2014 at 9:41 am #9940

    have you try to edit the font size in the Slide edit -> Edit Global Style?

    Chris C
    Spectator
    Posts: 10
    June 4, 2014 at 9:49 am #9941

    No I didn’t because that overwrites the existing classes, which wasn’t what I wanted to do.

    In any case, it doesn’t matter what px value I assigned (whether by assigning a class to the layer plus a separate css declaration, or by editing the advanced style setting, which does the same thing really – assigns a new class with css settings).

    Whatever value was assigned, the RevSlider would resize it to 2/3 of the original value. So it appears to be a dynamic thing, probably by js.

    Roman
    Spectator
    Posts: 3147
    June 5, 2014 at 11:34 am #9946

    I choose style for example: large_bg_black , then I edit the style by clicking Edit Style button, defined the font size to 14px, and saved as a new style, e.g. large_bg_black_test. Then I updated the slide by clicking Update Slide. Changes has been made and works fine on various screen sizes.

    Chris C
    Spectator
    Posts: 10
    June 6, 2014 at 3:43 am #9955

    I did also try saving to another style and it didn’t work.

    It can be hard to tell if it worked or not, especially if the font size is small – but I used Firefox’s built-in Inspector (computed tab), and you can see that it has been overridden:

    See screenshot at http://imgur.com/KFrO6d7

    A) the computed font-size is 103px
    B) the computed font-size comes from this.style (103px), presumably a javascript instruction.
    C) the original, saved .alora_huge_white_text edit at 130px, which has been overridden (notice the strikeout).

    Could you see whether yours does the same? Mine is RevSlider 4.3.6

    Thanks.

    Roman
    Spectator
    Posts: 3147
    June 6, 2014 at 9:56 am #9956

    when I checked with firebug, there is inserted an element style, it’s not calling stylesheet from a css file. mine is:

    Code:
    <div style=”z-index: 2; white-space: nowrap; min-height: 0px; min-width: 0px; line-height: 40px; border-width: 0px; margin: 0px; padding: 10px 20px 15px; letter-spacing: 0px; font-size: 14px; left: 451.5px; top: 100px; visibility: visible; opacity: 0; transform: translate3d(0px, 0px, 0px);” data-endspeed=”300″ data-endelementdelay=”0.1″ data-elementdelay=”0.1″ data-splitout=”none” data-splitin=”none” data-easing=”Power3.easeInOut” data-start=”500″ data-speed=”300″ data-y=”100″ data-x=”100″ class=”tp-caption large_bg_black_dfs tp-fade tp-resizeme start”>Caption Text1
    </div>

    I am running 4.3.6 version also