Jump to content


Photo

WhiteHouse Pro Blog Index Quirk Needs Fixed...


  • Please log in to reply
7 replies to this topic

#1 meshmarketer

meshmarketer

    Member

  • Members
  • PipPip
  • 28 posts
  • Country: Country Flag

Posted 21 April 2011 - 04:22 PM

If you go to my site at meshmarketer.com, you'll see that the first item isn't aligned with the picture in the same way that the rest of the blog indexed items are.

All of them except the top one have all elements in one line: automated thumbnail, title, excerpt.

On the first one, it's two lines: one for the thumbnail and the next line for the title and excerpt.

I tried adjusting the thumbnail but that didn't matter. I adjusted the excerpt and it didn't matter.

Any help?

#2 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts
  • Country: Country Flag

Posted 21 April 2011 - 08:26 PM

For some reason the first one has a different width value for the post title causing it to wrap. Try changing the thumbs placement option to none and then back again.

#3 meshmarketer

meshmarketer

    Member

  • Members
  • PipPip
  • 28 posts
  • Country: Country Flag

Posted 15 June 2011 - 04:03 AM

Y'know what? It didn't work to try this. Got another idea?

#4 Kate

Kate

    Advocate

  • Members
  • 3039 posts

Posted 15 June 2011 - 01:45 PM

Hi Joseph,
The difference in styling actually comes from the fact that the top post is a "sticky" post. So, it appears differently (intentionally). To change its appearance, add this to your custom CSS:
 .sticky .thumb{float:left !important;width:150px;}
	.sticky .post-header{float:left !important;margin-left:14px;}


#5 meshmarketer

meshmarketer

    Member

  • Members
  • PipPip
  • 28 posts
  • Country: Country Flag

Posted 05 July 2011 - 03:09 PM

Thanks Kate,

That's perfect.

Since this IS a sticky post, is there some way I can make it look different? Can I just modify

 .sticky .thumb{float:left !important;width:150px;}

to

 .sticky .thumb{float:left !important;width:250px;}

to make it bigger?

#6 catrina

catrina

    Advocate

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

Posted 09 July 2011 - 04:25 PM

It's possible. Did you already try it? Did it work?

#7 meshmarketer

meshmarketer

    Member

  • Members
  • PipPip
  • 28 posts
  • Country: Country Flag

Posted 09 August 2012 - 04:02 PM

Kate's fix worked with .sticky .thumb{float:left !important;width:150px;} .sticky .post-header{float:left !important;margin-left:14px;}

#8 meshmarketer

meshmarketer

    Member

  • Members
  • PipPip
  • 28 posts
  • Country: Country Flag

Posted 09 August 2012 - 04:05 PM

I posted this in the Custom Code > Custom CSS field without the body wrapper.