Designate line space for titles in grid
-
Ok so I’ve noticed why grid posts sometimes have empty slots. It’s often when the title is in the same ..box/element as the image and whatever else, most grids that work perfectly even actually have the title in a overlay or outside. The post is actually moved over bc the posts on top are uneven at the bottom when the titles in that row are not all using the same number of lines. I’ve look at the css and played with margin and padding for the image beneath the title. However these only increase the size between the bottom of the title and the top line of the image. How can I specify this to margin/pad between the top line and the top of the image? OR designate a space for 2/3 lines (22 characters) between the top line and top of the image?
The grid.css look like this:
#content .grid div.mp_product_meta{
clear:both;
background:none;
padding:0;
margin-right:0;
}
#content .grid h3.mp_product_name {
padding-bottom:10px;
margin: 0;
}
#content .grid .product, #maincontent .grid .product{
border:1px solid #eeeeee;
clear:none;
float:left;
overflow:hidden;
margin:0 10px 10px 0;
padding:0px;
width:350px;
min-height:300px;
}
#content .grid input.mp_button_addcart{margin:0;}
#content .grid span.mp_product_price{font-size:14px;}I read of a class called inherit, not sure if that’s related.
http://www.w3schools.com/cssref/pr_margin-top.aspThanks.
- The topic ‘Designate line space for titles in grid’ is closed to new replies.