Profile: indianplayschools

Problem: I have a View of taxonomy terms that displays each term as a link in a grid of results. Google recommends increasing the space between each item so that it is more easily clickable on mobile devices. How can I increase the gap between rows in the View results?

Solution: Use CSS padding applied to a wrapper element around the taxonomy shortcode in the loop to increase the gap between rows.

<div class="tssupp-padding-top-bottom-8px">
Example content: [wpv-taxonomy-link]
</div>

In the CSS panel:

.tssupp-padding-top-bottom-8px {
  padding-top:8px;
  padding-bottom:8px;
}