text overflow « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Corona

text overflow

17 posts from 2 voices

Started 1 year ago by mike30
Latest reply from Dude
This topic is resolved

Tags:

No tags yet.

mike30
Member

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

Posted 1 year ago #
Dude
Dude

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 #
mike30
Member

Hi Dude ,
l have not install plugins .
this link for test : http://www.mikvision.com/test22/?p=282
thank you !

Posted 1 year ago #
Dude
Dude
Ok - add following code to css/custom.css:
```
.comment_content {
    margin: 0 0 0 55px;
}
```
Posted 1 year ago #
mike30
Member

l try you modify but still same thing .
maybe you have more idea ?

thank you

Posted 1 year ago #
Dude
Dude
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 #
mike30
Member

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

Posted 1 year ago #
Dude
Dude

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 #
mike30
Member

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

Posted 1 year ago #
mike30
Member

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

Posted 1 year ago #

Dude
Dude

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 #

mike30
Member

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

Posted 1 year ago #
Dude
Dude

Use following code:

.sidebar_left .template-blog .blog-meta {
float: left;
margin: 0;
}

Posted 1 year ago #
mike30
Member

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 #
Dude
Dude
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 #
mike30
Member

thank you very much !

Posted 1 year ago #
Dude
Dude

Glad that I could help you :)

Posted 1 year ago #