Jump to content

Archived

This topic is now archived and is closed to further replies.

jacobtippett

Unknown Padding in Mediabox

Recommended Posts

jacobtippett

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
Rob

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!


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
jacobtippett

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
Rob

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.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
jacobtippett

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
Rob

Glad to help Jacob, as always.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

  • Similar Content

    • Moti
      By Moti+
      Help! When I use the following code from mailchimp pop up form  in plattform 5 the "x" button to remove the pop up form is not working. What can I do?
      <script type="text/javascript" src="//downloads.mailchimp.com/js/signup-forms/popup/unique-methods/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script><script type="text/javascript">window.dojoRequire(["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"mc.us4.list-manage.com","uuid":"3d0148c559e497e53905c6907","lid":"f0cfc283fc","uniqueMethods":true}) })</script>  

    • Bleuy
      By Bleuy+
      How can I get support on pagelines DMS? The product isn't that old and my skeleton themes aren't working and I can't get support in the same way? 
    • Bleuy
      By Bleuy+
      I have a number of legacy websites that are running on the above version of Pagelines DMS, where the template has stopped working. I am using a skeleton theme to all of them. What do I need to do to rectify this.
       
       
×