• 0
Sign in to follow this  
Followers 0

Media Box Padding


Question

Posted · Report post

I have four media boxes stacked in a column, but there is a significant amount of padding between them. I'd like to have the images be bigger and reduce the padding. If I make the images bigger then it throws off all of the alignment. Is there any way to reduce the padding around these boxes? Website is www.chetson.com

Share this post


Link to post
Share on other sites

3 answers to this question

  • 0

Posted · Report post

Hi,

 

The image is reduced in size because you have set it to have an offset and a width of 4/12, make it 12/12 and remove the offset, this should make the image appear full width.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

But that still doesn't resolve the padding issue between images vertically.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

All MediaBoxes have padding/margin, if you want to reduce the gap between your images, you will want to reduce the padding for each MediaBox. You can do this by using 

 

However, in my opinion the best method would be for you to include all these images in one MediaBox, and use HTML. If you want to try the HTML method instead.

 

Add the following to one MediaBox:

 

https://gist.github.com/Dannyholt/f6f19d32eb12f71f25e5

 

Add the following to your custom CSS:

 

#site .list-unstyled {
padding-left: 0;
list-style: none;
}
 

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