Add ellipsis "..." on Works Title.

marcusvpais

How do i add "..."and limit the characters on the title of works so they don't create 2 lines of title?

check www.museunaif.com/wordpress

i tried overflow ellipsis and nowrap but it's not creating the ... ... i guess it's the HTML structure for it that is causing this limitation.

Looking forward on a solution for this little tweak

Air

Hello:-)

To make work text-overflow: ellipsis; you have to use combo styles:

#a13-works .g-item .cov span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

With regards.

marcusvpais

Hm, almost work, but still it's not ading the "..." i need the 23px padding on the right too.

http://museunaif.com/wordpress/

Air

Remove width: 100% style that you have added. It works without it.

With regards.

marcusvpais

Still not working : /

Air

For me it works great, check screen shot.

With regards.

marcusvpais

Its not working on Chrome / Safari, latest versions. but it's working on FF.

Air

On my chrome on windows it works perfectly. Strange.

Please try changing part text-overflow: ellipsis; to:

text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; 

Maybe this will help.

With regards.

marcusvpais

Strange. Still doesn't work on Chrome/Safari on mac. FF and Windows is fine. Any guesses? maybe it's something with the HTML?, ?

Air

Sorry I had no idea and no machine to test on why this feature doesn't work there.

IF I will find anything I will let you know here.

With regards.

marcusvpais

Just to let you know, it's working now thank you.