Jump to content


Photo

Alignment


  • Please log in to reply
8 replies to this topic

#1 snfdesigns

snfdesigns

    Super Member

  • Members
  • 125 posts
  • LocationLondon
  • Framework Version:latest
  • Country: Country Flag

Posted 01 April 2012 - 10:15 PM

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

#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

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 gyoery

gyoery

    Advocate

  • Members

  • 252 posts
  • Country: Country Flag

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 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

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!

#5 gyoery

gyoery

    Advocate

  • Members

  • 252 posts
  • Country: Country Flag

Posted 02 April 2012 - 07:02 PM

http://www.ihubbusiness.co.uk/blogs/Posted Image

#6 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

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 snfdesigns

snfdesigns

    Super Member

  • Members
  • 125 posts
  • LocationLondon
  • Framework Version:latest
  • Country: Country Flag

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 Danny

Danny

    Is Awesome!

  • Moderators
  • 17977 posts
  • LocationManchester, UK
  • Country: Country Flag

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:

 ul.item-list li div.action {
	position: relative !important;
	top: 0px !important;
	right: 0 !important;
	text-align: right !important;
	}


#9 snfdesigns

snfdesigns

    Super Member

  • Members
  • 125 posts
  • LocationLondon
  • Framework Version:latest
  • Country: Country Flag

Posted 25 April 2012 - 04:34 PM

Fab; thanks a lot