Elxis CMS Forum
Support => General => Topic started by: xmanhattan on November 11, 2009, 14:31:53
-
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?
-
You have overflow:hidden in layout.css (#leftclolumn). Just remove it.
-
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.
-
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.
-
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...
-
I have checked this again and added overflow: visible but it still does not show. online http://www.do-my-site.gr/test7/ (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:
/* 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;*/
}
-
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".
-
Wooo, I would never have thought that it had to changing just the language.
Many thanks to the Elxis Guru
-
:D I tried to change the popular module title to Most Popular Pages and it only shows Most Popular.
το έξυπνο πουλί από τη μύτη πιάνετε :D <=(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
-
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 :D