Tagged: blog element, grid layout
I did a bit of customization on the grid elements, but cannot figure out how to properly space out the elements. There is a small gap between entry 1 and 2… no gap between entry 2 and 3 and a large gap between entry 3 and 4.
Any input on how to evenly space out the margin between each post would be much appreciated.
Here is a link to an image showing the discrepancy:
https://www.dropbox.com/s/mrtdn5x5n7frktg/screencapture-shreinmedia-blog-2018-04-23-16_48_15.png?dl=0
Here is a link to the page where the discrepancy is happening:
In addition, I turned off the navigate to next post option in the enfold theme blog options, but it is still showing up… not sure why.
https://www.dropbox.com/s/z83tt55wc3t9ky3/Screenshot%202018-04-23%2020.09.35.png?dl=0
I’ve cleared cache, tried in an incognito window… thanks!
Hi,
Thank you for using Enfold.
Use this code to adjust the bottom margin of the items.
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .avia-content-slider-even .slide-entry.slide-parity-odd, .responsive #top #wrap_all .avia-content-slider-odd .slide-entry.slide-parity-even {
margin: 0;
clear: both;
margin-bottom: 20px;
}
.avia-content-slider .slide-entry-wrap {
margin-bottom: 0;
}
}
Best regards,
Ismael
You guys are amazing! SERIOUSLY… if you ever need testimonials let me know – I would lay it down for you guys.
THANK YOU!
Hi,
I’m glad you got this corrected. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon