This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

white-space: nowrap not working

Resolved 13 replies pluginplugin-page-builderpremium
eRobert
10 years ago · Last reply by Andrew Misplon 10 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

13
  1. Andrew Misplon Staff 10 years, 5 months ago

    Hi ERobert

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

  2. Andrew Misplon Staff 10 years, 5 months ago

    Try this instead:

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

    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. eRobert 10 years, 5 months ago

    And the >> is coded like this

    >>
  5. eRobert 10 years, 5 months ago

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

  6. Andrew Misplon Staff 10 years, 5 months ago

    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. eRobert 10 years, 5 months ago

    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. Andrew Misplon Staff 10 years, 5 months ago

    Can we see the problem live?

  9. eRobert 10 years, 5 months ago

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

    The linked text in the three squares.

    Thanks!

  10. eRobert 10 years, 5 months ago

    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. eRobert 10 years, 5 months ago

    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. eRobert 10 years, 5 months ago

    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. Andrew Misplon Staff 10 years, 4 months ago

    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.

Have a different question or issue?

Start New Thread