Title: [Grid shortcode] row height
Last modified: August 21, 2016

---

# [Grid shortcode] row height

 *  Resolved [mister klucha](https://wordpress.org/support/users/mister-klucha/)
 * (@mister-klucha)
 * [13 years ago](https://wordpress.org/support/topic/grid-shortcode-row-height/)
 * I added grid shortcode to a page this night.
    But i need to reduce the height
   of rows.
 * I can reduce the height modifying in css : mtphr-shortcodes-row — min-height:
   30px;
    But rows are still too height (padding(perhaps) beetwen rows are still
   too big). However, i can’t tweak it directly in my personal theme css but i must
   edit mphr css 🙁
 * My question is is there something more to tweak ?…… or not ? ( 🙁 )
 * [http://wordpress.org/extend/plugins/mtphr-shortcodes/](http://wordpress.org/extend/plugins/mtphr-shortcodes/)

Viewing 8 replies - 1 through 8 (of 8 total)

 *  Plugin Author [metaphorcreations](https://wordpress.org/support/users/metaphorcreations/)
 * (@metaphorcreations)
 * [13 years ago](https://wordpress.org/support/topic/grid-shortcode-row-height/#post-3724733)
 * The min-height would be the only the to adjust with the actual grid. Check to
   make sure your contents within the grid don’t have a margin-bottom or padding-
   bottom that is adding height to the grid.
 *  Thread Starter [mister klucha](https://wordpress.org/support/users/mister-klucha/)
 * (@mister-klucha)
 * [13 years ago](https://wordpress.org/support/topic/grid-shortcode-row-height/#post-3724770)
 * Ok i try to look at this.
 * My grid is a the bottom of pages (3 social buttons and a linked picture)
 * First, i used a “colunm plugin” wich does what i have on my home page. (i want
   to change it, it’s not responsive even if i customized it a little).[http://ama.kegtux.org](http://ama.kegtux.org/)
 * There is the same content it each page and with mtphr grid i’ve got big margin
   or padding. [http://ama.kegtux.org/?page_id=137](http://ama.kegtux.org/?page_id=137).
   I don’t understand why.
 *  Plugin Author [metaphorcreations](https://wordpress.org/support/users/metaphorcreations/)
 * (@metaphorcreations)
 * [13 years ago](https://wordpress.org/support/topic/grid-shortcode-row-height/#post-3724824)
 * Your grid blocks are spaced out because you have a bunch of <p> tags within them
   that all have a margin-bottom of 24px. And your Google+ widget contains a couple
   
   tags that also add more vertical space.
 * Check out the debug console:
 * [http://www.metaphorcreations.com/mc/wp-content/uploads/2013/05/ama.kegtux.org_.png](http://www.metaphorcreations.com/mc/wp-content/uploads/2013/05/ama.kegtux.org_.png)
 * You need to remove any blank lines between content within your grid.. they will
   turn those lines into paragraphs, just like anywhere else in your content editor.
 *  Thread Starter [mister klucha](https://wordpress.org/support/users/mister-klucha/)
 * (@mister-klucha)
 * [13 years ago](https://wordpress.org/support/topic/grid-shortcode-row-height/#post-3724852)
 * OK thanks for looking at it.
    Indeed, i gained some pixels removing line-wrap(
   sorry for my english). But it still need to look at this social plugins…
 *  Thread Starter [mister klucha](https://wordpress.org/support/users/mister-klucha/)
 * (@mister-klucha)
 * [13 years ago](https://wordpress.org/support/topic/grid-shortcode-row-height/#post-3724854)
 * I’m trying to delete bottom margin on another page [http://ama.kegtux.org/?page_id=59](http://ama.kegtux.org/?page_id=59).(
   see the bottom)
    I just installed firebug. There is also useless p tags. there
   is no plugin… I’m wondering if it’s a theme or mtphr problem.
 *  Plugin Author [metaphorcreations](https://wordpress.org/support/users/metaphorcreations/)
 * (@metaphorcreations)
 * [13 years ago](https://wordpress.org/support/topic/grid-shortcode-row-height/#post-3724860)
 * The pricing table columns do have a margin added to the css. You can override
   this by using:
 * `.mtphr-pricing-table { margin-bottom: 0; }`
 * if that doesn’t override, try adding ‘body’ before it:
 * `body .mtphr-pricing-table { margin-bottom: 0; }`
 *  Thread Starter [mister klucha](https://wordpress.org/support/users/mister-klucha/)
 * (@mister-klucha)
 * [13 years ago](https://wordpress.org/support/topic/grid-shortcode-row-height/#post-3724876)
 * thaks for the tip.
    I used .mtphr-pricing-table-list { margin-bottom: 0; } On
   small screen with .mtphr-pricing-table, when two tab in condensed style are set,
   they are one above the other.
 * p seem to be a wordpress problem. i will see
    Thanks
 *  Thread Starter [mister klucha](https://wordpress.org/support/users/mister-klucha/)
 * (@mister-klucha)
 * [13 years ago](https://wordpress.org/support/topic/grid-shortcode-row-height/#post-3724930)
 * I add time to look at it.
    to resolve p problem, i put my mtphr grid in a div
   and added a css class :
 *     ```
       .aaaaaa p {
           margin-top: 0;
           margin-bottom: 0;
       }
       ```
   
 * I deleted the “\n” in my twitter button code
 * Resolved
    Thanks for help

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘[Grid shortcode] row height’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/mtphr-shortcodes_413d22.svg)
 * [Metaphor Shortcodes](https://wordpress.org/plugins/mtphr-shortcodes/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/mtphr-shortcodes/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/mtphr-shortcodes/)
 * [Active Topics](https://wordpress.org/support/plugin/mtphr-shortcodes/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/mtphr-shortcodes/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/mtphr-shortcodes/reviews/)

 * 8 replies
 * 2 participants
 * Last reply from: [mister klucha](https://wordpress.org/support/users/mister-klucha/)
 * Last activity: [13 years ago](https://wordpress.org/support/topic/grid-shortcode-row-height/#post-3724930)
 * Status: resolved