text wrapping bug

  • candy2012

    (@candy2012)


    10 years, 6 months ago

    hi,

    I am trying to use the slider but it seems it has a bug when it comes to text wrapping … 🙁

    This is the CSS code I applied to a text element:

    background: rgba(53, 133, 130, 0.8);
    font-size:1.5em;
    color:#fff;
    padding:0.2em;
    margin-right:60%;

    (I also tried width:60% instead of margin-right, but that did not work either).
    No matter what I do, both in preview and on the frontend, the text gets unwrapped and appears in only one long line which gets out of the frame (so that one cannot read the entire text).

    Can you please solve this?

    Thx

    PS: maybe you can just leave that element “width:auto” OUT, it seems it’s creating a lot of troubles. I cannot really see the sense of it anways as one has the possibility to set up the style for each element.
    https://ww.wp.xz.cn/plugins/crelly-slider/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Fabio Rinaldi

    (@fabiorino)

    10 years, 6 months ago

    If you want to break the text in 2 or more lines, you have to add a
    tag.
    For example:

    This is a
    2 lines text.

    Will appear as:

    This is a
    2 lines text.

    Thread Starter candy2012

    (@candy2012)

    10 years, 5 months ago

    Hi,
    I am sorry to say but this is NOT a good idea 🙁
    Everything needs to be responsive these days, inserting line breaks might look good on desktop but will most likely look absolutely terrible on smaller screens.

    Why you do not want to just take off that “auto” thing from the code?

    I did the change myself in the code and it seems to work for now, but this again, is not a solution as I will most likely forget what I changed and where and with any future updates my changes will be overwritten.

    The problem is that whatever comes from the core code of the plugin in terms of css settings, seems to overwrite the custom css one enters in the “custom css” box …

    Plugin Author Fabio Rinaldi

    (@fabiorino)

    10 years, 5 months ago

    Why you do not want to just take off that “auto” thing from the code?
    I’ll see what can I do, for now just use that temporary fix please

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘text wrapping bug’ is closed to new replies.