WordPress.org

Ready to get started?Download WordPress

Forums

MarketPress - WordPress eCommerce
[resolved] Designate line space for titles in grid (8 posts)

  1. Stacy (non coder)
    Member
    Posted 9 months ago #

    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.asp

    Thanks.

    http://wordpress.org/plugins/wordpress-ecommerce/

  2. Hi there Stacy,

    I hope you are well today and thanks for your question.

    On your MarketPress installd when using a grid, do you have one empty space sometimes?

    Can you share a link to the site please so I can take a look? As of course this shouldn't happen :)

    I'm here to help.

    Thanks!

    Kind Regards
    Jack.

  3. Ashok
    WPMU DEV Support Staff
    Posted 9 months ago #

    Hi Stacy,

    Just following up, would you please post a link and a screenshot of where you want some space as Jack asked?

    Cheers
    Ash

  4. Stacy (non coder)
    Member
    Posted 8 months ago #

  5. WPMU DEV
    Member
    Posted 8 months ago #

    Hi Stacy,

    Thank you for sharing page link.

    Can you also share the screenshot of where you want some space or explain it more specifically?

    Best Regards,

  6. Stacy (non coder)
    Member
    Posted 8 months ago #

    http://tinypic.com/view.php?pic=24l9eyq&s=5#.Up0KzT5oQ5g

    ..In this picture, as on the site, note the titles. Some items use two lines for the title and other uses one. Whenever there is a difference in the name length to cause this, the boxes are uneven.

    Need the picture in the box "safari cargo pants" to be even with the pictures in the other boxes in it's row. You can see that the boxes and buy now buttons are so uneven that they cause the empty spaces to occur in the next row. This wouldn't happen if in row 1 all the titles took up 1 line , row 2 all the titles took up 1 line, row 3 all the titles took up 2 lines..ect.. Obviously the words in the titles cannot be changed so if any title that required 1 line had the same space for 2 lines instead , regardless of it being a 1 line or 2 line title, it would be even with the next box. the space between the where the 1st line and the pic should be the same as if it were 2 lines in the title. The margin of 1 line titles should cover the same space as if it were 2 before the picture. OR whatever way this is supposed to be fixed.....

    This is the case with this grid in any theme.

  7. WPMU DEV
    Member
    Posted 8 months ago #

    Hi Stacy,

    Try adding following CSS code in your site using any of the following listed plugin.

    #content .grid h3.mp_product_name {
    min-height: 42px;
    }
    
    #content .grid .mp_product_content {
    min-height: 263px;
    }

    http://wordpress.org/plugins/my-custom-css
    http://wordpress.org/plugins/simple-custom-css
    http://jetpack.me/support/custom-css/

    You can also refer this topic for the alternate solution developed using JavaScript.

    Please advise if you have more questions.

    Cheers.

  8. WPMUDEV
    WPMU DEV Support Staff
    Plugin Author

    Posted 7 months ago #

    Hey there.

    We haven't heard from you in awhile, so I just wanted to check in to make sure all was good.

    This thread was marked resolved, but please, if you still need help then just respond and open it back up. We can then take it from there. :)

    Hope you have a fantastic day!

Reply

You must log in to post.

About this Plugin

About this Topic