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.
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
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. I don’t understand why.
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
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.
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…
I’m trying to delete bottom margin on another page 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.
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; }
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
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
