how to override default line height set by the Nuntius theme?

• 

  ajfudgeology · Member · Dec 29, 2011 at 7:17 am

  • Copy link
  • Add topic to favorites

  This is the page the I want to fix:
  http://ajfudgeology.wordpress.com/connect/

  As you can see, those linked images are designed to form as one big image. Sort of like a grid minus the spacing. But I am having trouble eliminating the line height. I say that this is the default feature of Nuntius theme because before I switched themes, I was using Modularity Lite and this page worked as expected. You may notice also that those images worked fine in my sidebar.

  I already input a line height declaration in div tag. It minimized the space below but it didn’t eleminate it completely. I also played around with padding, border, margin, hspace, vspace, and display:block, but results weren’t fruitful.

  I Googled around before I posted my question here, so I understand that images are inline objects meaning they behave similar to text.

  I also tried removing spaces and br’s but nothing changed. Help?

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Dec 29, 2011 at 8:20 am

  • Copy link

  To do this without the Custom Design Upgrade, you will need to add a “style” to the image code (img src actually for each image.

  style="margin-top: 0;"

  You will have to do all of them in a row before the row will move up.

• 

  thesacredpath · Member · Dec 29, 2011 at 8:42 am

  • Copy link

  And actually if you want to, you only have to do that to the 2nd, 3rd and 4th rows, not the top row.

• 

  ajfudgeology · Member · Dec 29, 2011 at 8:45 am

  • Copy link

  WOW! I never thought of that! I always insisted to only declare a value for margin-bottom.
  Thank you, sir! It worked. :)

• 

  thesacredpath · Member · Dec 29, 2011 at 8:47 am

  • Copy link

  You are welcome, and my first thought was for margin bottom as well.