I'm using masonry layout for my website and I'm generating the boxes from php. whenever i have a lot of text on one of the p tags or the box, the text overflows out of the tag. This is the live site: http://uneraportoj.com/index2.php
I tried setting a padding and break-word is not working. please help
Asked
Active
Viewed 89 times
-1
alb tr
- 51
- 6
-
Make a fiddle or post a link to your page please. There's to much code to take in + you have php tags. – Ionut Oct 26 '15 at 13:58
-
@lonut i posted a link to the problem page. Thanks. – alb tr Oct 26 '15 at 13:58
-
1how do you want to handle it? do you want a scroll or box's height should stretch according to content height? – kishan Oct 26 '15 at 14:02
1 Answers
3
.grid-item.masonry-brick {
overflow: auto;
}
... or maybe
.grid-item { /* main.css : 58 */
/* max-height: 1430px; */
}
isherwood
- 46,000
- 15
- 100
- 132
-
-
This is the correct answer, unless you just want to chop the text off. In that case, overflow: hidden; – Brian John Oct 26 '15 at 14:02
-
Well, you didn't exactly specify what you wanted. See my edit for another possible fix. – isherwood Oct 26 '15 at 14:03
-
1@isherwood thanks a lot for your help but if i dont do max-height, instead of the space from the divs to the pagination being 20px, it usually is a lot more than that. I will upload the changes now and maybe you can take a look for possible fixes?? – alb tr Oct 26 '15 at 14:05
-
@isherwood nevermind, it seems to work fine now after a couple of uploads. Thankssss – alb tr Oct 26 '15 at 14:11