• 0
Sign in to follow this  
Followers 0

Unknown Padding in Mediabox


Question

Posted · Report post

Hello,

 

I am trying to get a MediaBox clickable, which I was able to do, but when doing so it added a large amount of unneccesary padding to the top and bottom of the image. I am trying to get it very close to the navigation bar. I can't seem to figure out how to fix this: [attachment=1670:Screen Shot 2013-10-19 at 1.36.19 AM.png]

 

The code I am using is:

 

 

<img border="0" src="[pl_site_url]/wp-content/uploads/2013/10/visionhome.jpg" alt="Our Vision"></a></p>
 
I am putting that code in the embed HTML section of a MediaBox.
 
 
Thanks!

Share this post


Link to post
Share on other sites

5 answers to this question

  • 0

Posted · Report post

Hi Jacob,

 

If you look at the MediaBox settings, you're going to see an option for Minimum Height.  The default of this setting is 200px, so if you don't set it to something smaller than the height of your image, it will presume you wanted 200px min-height and it will write min-height: 200px; into the inline styling for the section.

 

Change it to something like 25 (you just need the number, not the 'px'), and you'll see that all that top/bottom extra space will disappear.  Since it's a minimum, anything larger held within the section will show without the extra space.

 

I hope this helps!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thanks for the reply, Rob

 

I have tried that and still, the mediabox still stays the same height. Could it have to do with the fact that I am using the HTML area and not the image area? I wonder if the minimum height applies to that...

 

 

http://cl.ly/image/010Y260d1w1x

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I'd recommend changing the 150 to 15, and removing that errant </p>. You don't need it.   Also, make the entire string on one line, as in

<a href="URL"><img src="IMAGE URL" border="0"></a>

Where the code is place is not important.  However, just so that you know, it's possible to place that corrected HTML in a TextBox too.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

That seemed to solve the problem enough to work! I put the html in a text box. It still has a tad bit of padding on the top and a little more that the top on the bottom, but it looks a lot better. Thank you Rob!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Glad to help Jacob, as always.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0