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

    Hello ,

    l need help with Comments , when post Comment with long text it is go overflow .

    how to fix it ?




    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.


    Hi Dude ,

    l have not install plugins .

    this link for test :

    thank you !


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

    .comment_content {
    margin: 0 0 0 55px;


    l try you modify but still same thing .

    maybe you have more idea ?

    thank you


    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;


    great !!!

    l have only one more issue with the meta near the post

    l want to do this :

    you can guide me where can l modify it in the css ?

    thank you very much


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


    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 .



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


    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{
    padding:0 0 0 30px;

    .sidebar_left .template-blog .entry-content{

    .sidebar_left .template-blog .blog-meta{
    margin:0 0 0 30px;

    #top .sidebar_left .template-blog .post-title {

    .sidebar_left.small_image .mini_slider{
    float: right;

    .sidebar_left.small_image .blog-meta{
    margin:0 30px 0 0;

    margin-left: 0;
    padding: 0px 30px 10px 0;


    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

    thank you


    Use following code:

    .sidebar_left .template-blog .blog-meta {

    float: left;

    margin: 0;



    it’s the same just float to left

    l mean the blog meta will be like this :


    Uploaded with

    thank your reply !


    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.


    thank you very much !


    Glad that I could help you :)

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

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