Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #6179

    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

    #53173

    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.

    #53174

    Hi Dude ,

    l have not install plugins .

    this link for test : http://www.mikvision.com/test22/?p=282

    thank you !

    #53175

    Ok – add following code to css/custom.css:

    .comment_content {
    margin: 0 0 0 55px;
    }

    #53176

    l try you modify but still same thing .

    maybe you have more idea ?

    thank you

    #53177

    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;
    }

    #53178

    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 much

    #53179

    I just visited your website and noticed that the meta data is displayed after the post title – did you solve the problem?

    #53180

    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 .

    thank

    #53181

    l mean that l can not find the medium preview image layout with left sidebar in the css

    #53182

    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;
    }

    #53183

    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 you

    #53184

    Use following code:

    .sidebar_left .template-blog .blog-meta {

    float: left;

    margin: 0;

    }

    #53185

    it’s the same just float to left

    l mean the blog meta will be like this :

    meta1j.jpg

    Uploaded with ImageShack.us

    thank your reply !

    #53186

    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.

    #53187

    thank you very much !

    #53188

    Glad that I could help you :)

Viewing 17 posts - 1 through 17 (of 17 total)

The topic ‘text overflow’ is closed to new replies.