Jump to content

Archived

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

oschultz

How to pad image down in a Hero box

Recommended Posts

oschultz

Hello,

 

I have searched through the forum and did not find what I wa looking for, so I thought I would ask here.  I am making use of the Hero box in several ways and am looking for a way to pad down the photo used to match the height of the Hero box title.  I have attached an image showing how the picture is much higher than the title.

 

Using firebug, I was able to manipulate the layout by adding 34 pixels, but I have read in one of the posts that it is better to use a percentage so that is will auto adjust as the screen changes.  I also don't know how to properly get the line added in firebug into the pages HTML.

 

Can anyone give me a line of code I can add to the custumization box to drop a hero picture a percentage equal to 34 pixels?

 

Thanks,

 

Owen

 

[attachment=1361:Screen Shot 2013-08-18 at 3.09.12 PM.png]

Share this post


Link to post
Share on other sites
Rob

Owen,

 

It's much easier for us to pinpont the correct code to provide with a live link.  Can you provide that?


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
oschultz

Thanks Rob.  Here it is:  www.ridgelinepro.com

 

The home page has a good example of what I am talking about.  I would like the top of the picture frame to be even with the top of the word "Welcome"

 

Thanks for your help.

Share this post


Link to post
Share on other sites
Danny

Hi Owen,

 

Its simpler to just remove the margin-top from the Hero sections title.

 

#site .section-hero .m-bottom {
margin-top: 0;
}

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
oschultz

Thanks Danny and Rob! I appreciate your help.

Share this post


Link to post
Share on other sites

×