1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

css help .. overflow?

Discussion in 'Styling and Customization Questions' started by DieselMinded, May 27, 2016.

  1. DieselMinded

    DieselMinded Active Member

    how can i made the location field stay on its line and just add ..... if there is more than what fits , is this css "overflow" or something? thanks...

  2. Arty

    Arty Well-Known Member

    That looks like typical dl element on profile. You'll need to target that dl element somehow. Add something like this
    dl { display: table; table-layout: fixed; width: 100%; }
    dl dt, dl dd { display: table-cell; float: none; white-space: nowrap; }
    dl dd { overflow: hidden; text-overflow: ellipsis; }
    In those lines replace "dl" with selector that targets that one specific dl element.
    DieselMinded and rafass like this.
  3. rafass

    rafass Well-Known Member

  4. DieselMinded

    DieselMinded Active Member

    how can i apply this to the location field?
  5. rafass

    rafass Well-Known Member

    Try with someting like:
    .extraUserInfo.is-expanded dd {
      width: 70px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; 
    DieselMinded and maszd like this.
  6. DieselMinded

    DieselMinded Active Member

    big thanks to rafass for helping me in pms

Share This Page