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

XF 1.4 Remove ellipsis from "latest" thread on node_forum_level_2

Discussion in 'Styling and Customization Questions' started by drastic, Apr 23, 2015.

  1. drastic

    drastic Well-Known Member


    I'm trying to edit template node_forum_level_2 so that my main forum index can display the full title of the latest thread. It currently shows half the title followed by an ellipsis.

    Any idea what part of the code I can edit so that my full titles appear?

  2. Russ

    Russ Well-Known Member

    It's apart of node_list.css:

    .node .nodeLastPost .lastThreadTitle
       text-overflow: ellipsis;
       max-width: 100%;
       display: block;
       overflow: hidden;
    But if you remove it...


    Or you could widen the last post area as well, or remove the fixed width period but you'll end up with various sizes, maybe text-align: right and remove the background wouldn't be too bad.

  3. drastic

    drastic Well-Known Member

    I changed the 220 width to 320 and it gives enough room for most titles.

    Worked so far...

    How's Pixel Exit?! Haven't talked to ya in a while. Any new styles coming soon?

    .node .nodeLastPost
        @property "secondaryContent";
        background-color: @primaryLightest;
        padding: @uix_gutterWidthSmall;
        @property "/secondaryContent";
        @property "nodeLastPost";
        font-size: @uix_globalFontSize;
        background-color: transparent;
        padding: 5px;
        margin: 10px;
        border-radius: @uix_globalBorderRadius;
        position: absolute;
        top: 0;
        right: 0;
        line-height: 15px;
        box-sizing: border-box;
        white-space: nowrap;
        word-wrap: normal;
        overflow: hidden;
        width: 320px;  THIS ONE
        height: 40px;
        @property "/nodeLastPost";

Share This Page