Home>Support>white-space: nowrap not working

white-space: nowrap not working

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hi,
I can’t get this to work in Pagebuilder, a row with SiteOrigin Editor widget.

<span style="white-space: nowrap;"><em><a href="/link">Read more >>;</a></em></span>

It works in a simple html file. Nesting problem?

Thanks!

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 9 months ago Andrew Misplon
    Hi, I Work Here

    Hi ERobert

    Can you bring me up to speed quickly? Why would you need the nowrap there?

  2. 9 years, 9 months ago Andrew Misplon
    Hi, I Work Here

    Try this instead:

    <span style="white-space: nowrap;"><em><a href="/link">Read more </a></em></span>
    
  3. 9 years, 9 months ago eRobert

    Hi,
    I don’t want the read more link broken into two lines. Looks strange.
    The suggested solution did not work.

    This works perfect i a separate HTML document.

    <span style="white-space: nowrap;"><em><a href="/link">Read more >></a></em></span>

    Why not inside WP/SiteOrigin page builder?

  4. 9 years, 9 months ago eRobert

    And the >> is coded like this

    >>
  5. 9 years, 9 months ago eRobert

    Like this &+g+t+; &+g+t+; with no plus.

  6. 9 years, 9 months ago Andrew Misplon
    Hi, I Work Here

    This seems cool for me in the SiteOrigin Editor widget in the Text tab:

    http://pastebin.com/nSC8Vskw

    Are those angles too small for what you want?

  7. 9 years, 9 months ago eRobert

    Sorry this is not the problem.
    The problem is that the words get broken into two lines or more depending on the width of the browser.
    This I want to avoid. Nowrap style works in a separate html-document but not in the WP/Siteorigin Editor.

  8. 9 years, 9 months ago Andrew Misplon
    Hi, I Work Here

    Can we see the problem live?

  9. 9 years, 9 months ago eRobert

    Same site:
    http://www.hudvardskallan.se

    The linked text in the three squares.

    Thanks!

  10. 9 years, 9 months ago eRobert

    The squares should be centered on the page and the linked blue text not on two lines, no wrap.

    http://www.re-design.se/center+nowrap.png

    Thanks!

  11. 9 years, 9 months ago eRobert

    Okay now I see the problem.
    After adding the span with style nowrap in WordPress and then looking at the
    source code its gone and looks like this. Just an span with no style.

    <span><em><a href="/djup-peeling-behandling">Läs mer »</a></em></span>
  12. 9 years, 9 months ago eRobert

    It seems that styles added in the text mode and not available under visual mode
    are gone when saved.

    I solved it by adding a class nowarp to the widget and then add it to the a-tag in the custom css.

    .nowrap a {white-space: nowrap;}

    Thanks!

  13. 9 years, 9 months ago Andrew Misplon
    Hi, I Work Here

    Nicely done. Thanks for sharing :)

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More