Hello ,
l need help with Comments , when post Comment with long text it is go overflow .
http://img839.imageshack.us/img839/6633/textover.jpg
how to fix it ?
thanks
text overflow
17 posts from 2 voices-
Posted 1 year ago #
-
Hey,
can you post a link please. Maybe it's caused by a html coding error, css code, etc. Try to deactivate all plugins - maybe one conflicts with our theme.Posted 1 year ago # -
Hi Dude ,
l have not install plugins .
this link for test : http://www.mikvision.com/test22/?p=282
thank you !Posted 1 year ago # -
Ok - add following code to css/custom.css:
.comment_content { margin: 0 0 0 55px; }Posted 1 year ago # -
l try you modify but still same thing .
maybe you have more idea ?thank you
Posted 1 year ago # -
Issue one is solved (at least the text displays after the avatar and doesn't overlap it. Issue 2) is caused by the long text strings (strings without line breaks or spaces - it's nearly impossible to replicate this error with standard sentences/words) but you can solve the problem with:
.comment_content { margin: 0 0 0 55px; word-wrap: break-word; }Posted 1 year ago # -
great !!!
l have only one more issue with the meta near the post
l want to do this :
http://img291.imageshack.us/img291/7514/metay.jpg
you can guide me where can l modify it in the css ?
thank you very muchPosted 1 year ago # -
I just visited your website and noticed that the meta data is displayed after the post title - did you solve the problem?
Posted 1 year ago # -
no l did not fix this issue ,what you see This is small preview image in post layot but in Blog Layout go to right side .
thankPosted 1 year ago # -
l mean that l can not find the medium preview image layout with left sidebar in the css
Posted 1 year ago # -
Basicaly the "left sidebar css code" can be found in style.css (I'd overwrite the rules with css/custom.css though):
/*left sidebar*/ .sidebar_left .content{ float:right; padding:0 0 0 30px; } .sidebar_left .template-blog .entry-content{ float:left; } .sidebar_left .template-blog .blog-meta{ float:right; margin:0 0 0 30px; } #top .sidebar_left .template-blog .post-title { margin-left:0; margin-right:160px; } .sidebar_left.small_image .mini_slider{ float: right; } .sidebar_left.small_image .blog-meta{ float:left; margin:0 30px 0 0; } .sidebar_left.sidebar{ margin-left: 0; padding: 0px 30px 10px 0; }Posted 1 year ago # -
now l see the lines about it , but still l miss something .
l try to do the "blog-meta" in the same position but that will show in line
http://www.mikvision.com/test22/?page_id=527
thank youPosted 1 year ago # -
Use following code:
.sidebar_left .template-blog .blog-meta {
float: left;
margin: 0;
}Posted 1 year ago # -
it's the same just float to left
l mean the blog meta will be like this :

Uploaded with ImageShack.us
thank your reply !
Posted 1 year ago # -
It's not easily possible to change the meta like in the screenshot. You need to do some code changes to the php code/html code too in this case (change the text output, etc.). I can give you a hint for the css code only:
.minor-meta { display: inline; }This will force the text inline however you need to adjust the output otherwise breaks, missing spaces, etc. mess up the text.
Posted 1 year ago # -
thank you very much !
Posted 1 year ago # -
Glad that I could help you :)
Posted 1 year ago #
Reply
You must log in to post.














