I would like there to be space around each item in my index like in the Wexly template, instead of each item touching on all sides as is default in Flatiron.
I have been using the code below, but it is cutting off part of each image, it seems cropping from the right side and the bottom.
Any suggestions?
/* Flatiron: Add 8px white space between index items */
/* set the white space on each side of page */
#container-content {
padding-left: 8px!important;
padding-right: 8px!important;
}
#grid .item {
margin-left:-8px;
a {
border: 16px solid #fff;
}
/* Overlay size on hover */
.wrapper {
margin: 16px;
}
}
Question
isissa 0
My site: www.isissakomadajohn.com
I would like there to be space around each item in my index like in the Wexly template, instead of each item touching on all sides as is default in Flatiron.
I have been using the code below, but it is cutting off part of each image, it seems cropping from the right side and the bottom.
Any suggestions?
/* Flatiron: Add 8px white space between index items */ /* set the white space on each side of page */ #container-content { padding-left: 8px!important; padding-right: 8px!important; } #grid .item { margin-left:-8px; a { border: 16px solid #fff; } /* Overlay size on hover */ .wrapper { margin: 16px; } }
Link to post
Top Posters For This Question
5
4
3
1
Popular Days
Dec 31
3
Feb 3
3
Jan 10
1
Nov 24
1
Top Posters For This Question
tuanphan 5 posts
isissa 4 posts
halker 3 posts
gemma1234 1 post
Popular Days
Dec 31 2019
3 posts
Feb 3 2020
3 posts
Jan 10 2020
1 post
Nov 24 2020
1 post
14 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment