Support Center Visit Demo License manager Buy @ envato

Add padding to column shortcode

debannes5debannes5
in Shortcodes
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!

Comments

  • BryanBryan
    Hi,
    Instead of using shortcodes you can use html, like so:
    <div class="column one-fourth" style="padding:20px;"></div>
    thanks
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • debannes5debannes5
    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.
  • BryanBryan
    yes, just add a custom class to the columns and use it in the media queries.
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
Sign In or Register to comment.