popular module does not accept longer title

[xmanhattan]

Hello all,

I guess that I like finding strange and interesting facts.  I tried to change the popular module title to Most Popular Pages and it only shows Most Popular.

The last word is truncated.  I found that the same thing happens with latest news.

This is using the okto template with no change in font settings.

Any ideas?

[Ivan Trebješanin]

You have overflow:hidden in layout.css (#leftclolumn). Just remove it.

[ks-net]

oops..

remove overflow:hidden but in the corresponded div.mobuletable or(and)  div.mobuletable h3  if you remove from #leftcolumn most probably you will break the layout.

[xmanhattan]

Guys,

But why is that when I add more text to the title of recommended links, that is displayed.

Also, I reduced the font size to 11 but it stil does not show.

[ks-net]

But why is that when I add more text to the title of recommended links, that is displayed.

so what? where is it published? what classes uses?

some tips

when your are using overflow:hidden and  a value for width: and height: then when new line is needed(by text length) it will not be visible unless you remove overflow or height or make height => min-height
then new line will be visible.. thats for height.. it is one case...

other case that you have a leftcolumn for example=> set to width 200px with overflow:hidden and a div.moduletable to 260px then this 60(this is the overflow) more pixels will be hidden.. solution to this: div.moduletable width:200px|(-paddings or(and)margins)

it is not wise to leave columns(and modeletables) overflow to be visible .. if you not set overflow:hidden the default  value will be  visible. in many cases you will have a breaked layout ! large text/images/videos etc...

other case:
supose that you have a long-verylog text i.e xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxyyyyyyyyyyyyyyzzzzzzzzzzzzzz .. this will be cropped when overflow:hidden and the div has a width:smaller-than-text 
solution=> add spaces in order text to change line and remove height: in order to allow expanding height of the div... also for so long(?)  words there is the word-break option ... but i am sure that you don't need it


there are some more... but i am bored right now.

i don't now which one apply in your case...

[xmanhattan]

I have checked this again and added overflow: visible but it still does not show.  online http://www.do-my-site.gr/test7/

If it is not a css error, then it means that it is a php error.

Here is the exact css code, as I have changed it in okto, that I am using:

Code: [Select]

/* left and right column modules */
#leftcolumn div.moduletable { margin: 0 1px 1px 0; padding: 0; }
#rightcolumn div.moduletable { margin: 0 0 10px 1px; padding: 0; }
#leftcolumn div.moduletable h3, #rightcolumn div.moduletable h3 {
/*background: #DDDDC2 url(../images/modh3.gif) no-repeat 3px 50%;*/
font-size: 1em; /* 1.1 */
font-weight: bold;
color: #333;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 5px;
/* margin: 0;
margin-left: 0px;
padding: 5px 0 5px 10px;*/
border-top: 1px dotted #999;
border-bottom: 1px dotted #999;
overflow: visible;
}
#leftcolumn div.moduletable p, #rightcolumn div.moduletable p { margin: 0 0 5px 0; }

/* banners module */
.moduletable-banner { text-align: center; padding: 10px 0 10px 0; }

/* user login module */
div.userlogin { min-height: 55px;}
.userlogin img { margin: 0 2px 0 0; }
div.userlogin a, div.userlogin a:visited {
background: transparent url(../images/info.png) 0 50% no-repeat;
padding-left: 17px;
font-size:  0.92em;
color: #224B60;
text-decoration: none;
}
div.userlogin a:hover { text-decoration: underline; }

/* modules most read (popular) and latest news */
ul.mostread, ul.latestnews {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 2px;
/* margin-left: 0;
margin-bottom: 10px;*/
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
}
ul.mostread li.latestnews, ul.latestnews li.latestnews {
list-style-type: none;
margin-left: 0.2em;
padding-left: 8px;
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
/*background: transparent url(../images/star.png) 0 50% no-repeat;*/
}


[datahell]

No, no, no, no. You are looking to the wrong direction, this has nothing to do with CSS.

Elxis displays automatically multi-lingual titles for all built-in modules when the modules are available for all languages. To display a custom title make the module available to any language except "all languages".

[xmanhattan]

Wooo, I would never have thought that it had to changing just the language.

Many thanks to the Elxis Guru

[ks-net]

  I tried to change the popular module title to Most Popular Pages and it only shows Most Popular.

το έξυπνο πουλί από τη μύτη πιάνετε <=(i don't now how to translate)


you  confused(me and ivan)  by post's title (longer title)

datahell propably is  right

see this:
http://wiki.elxis.org/wiki/Troubleshooting#Module_or_Component_Title_not_changing
http://wiki.elxis.org/wiki/Module_Custom_Title
i have already document it in wiki

[datahell]

As we have said several times: almost everything has been already written in the wiki or in this forum. Just search and you will find the answers to your questions. Kostas (ks-net) has written many excellent wiki articles, visit the wiki regularly!

το έξυπνο πουλί από τη μύτη πιάνετε (i don't now how to translate)

Translation: the smart bird gets caught from the nose