• 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

drastic

Well-known member
#1
Hi,

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?

Thanks!
 

Russ

Well-known member
#2
It's apart of node_list.css:

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

Screenshot_1.png


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.

Screenshot_2.png
 

drastic

Well-known member
#3
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?

Code:
.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";
}