http://www.ihubbu***...ss.co.uk/blogs/
Please remove asterix to get url. I have a problem with the latest post text overlapping with the other text. Please help. many thanks
Alignment
Started by
snfdesigns
, Apr 01 2012 10:15 PM
8 replies to this topic
#1
Posted 01 April 2012 - 10:15 PM
#2
Posted 01 April 2012 - 10:56 PM
I'm sorry, but I didn't find any overlapping text. Could you be more specific about where this is located? I'll be happy to take another look.
#3
Posted 02 April 2012 - 01:13 PM
The problem is the way the elements are aligned. Since you have absolute alignment, there are elements on top of eachother. The proper way would be to rewrite your css so it won't need absolute positioning.
As a quickfix you could add to your custom CSS:
#blogslist .meta {max-width: 300px;} /*Try different values*/
@rangelone: He is talking about the Latest Posts field within the Blog Directory which is flowing over the "active 2 hours, 51 minutes ago" buttons. On different page zooms you might not see it.
#4
Posted 02 April 2012 - 06:35 PM
I don't see anything either. Not sure if you got it fixed or not. If it's not fixed, please provide us a screenshot of the area we should be looking at. If it is fixed, please "accept" an answer. Thanks!
#6
Posted 03 April 2012 - 02:20 AM
Thanks for the screenshot, @gyoery.
@jacobmia, the list has a style that enables round bullet points (in the CSS). I think if the bullet style is taken away, the the overlap problem will go away since it'll nudge the user avatar and info to the left slightly.
#7
Posted 16 April 2012 - 08:45 AM
The problem is when people create really long post heading the titles just keep going. Is there a way to limit the length of the post so it ie creates a second line...
Sorry for late response ...easter and an abundance of kids
#8
Posted 16 April 2012 - 08:58 AM
Hi,
This really isn't a PageLines issue but a BuddyPress CSS issue. However, can you give this code a try please:
This really isn't a PageLines issue but a BuddyPress CSS issue. However, can you give this code a try please:
ul.item-list li div.action {
position: relative !important;
top: 0px !important;
right: 0 !important;
text-align: right !important;
}
#9
Posted 25 April 2012 - 04:34 PM
Fab; thanks a lot












