Add padding to column shortcode

debannes5 · October 2017

Hi, I am using four [one_fourth] column shortcodes within a single column builder item. Currently the 4 column shortcodes are right up against each other, how do I add padding to the shortcodes to prevent this?

To see what I am talking about you can visit the following link and go to the bottom boxed "primary practice areas": http://d49.050.myftpupload.com/about/

Thank you in advance for any help you can offer!

Bryan · October 2017

Hi,
Instead of using shortcodes you can use html, like so:
<div class="column one-fourth" style="padding:20px;"></div>
thanks

debannes5 · October 2017

Thank you so much for the response! I will use your solution. I was hopping the shortcodes had some sort of built in padding that I just needed to apply that would already have the media queries built-in to remove padding on small screens and last item in row. But alas, no such luck:O)

Thank you for your help though, I will use your method and add my own media query.

Bryan · October 2017

yes, just add a custom class to the columns and use it in the media queries.

Add padding to column shortcode

Comments

This website uses cookies