Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • gringo211985 Friend
    #198191

    Hi there,

    I have some products with the title on 1 line on some products with the title spread on 2 lines see pic below,

    I would like to add an additional line to the products with a 1 line title so that all the products are the same height. How would I go about doing this?

    Thanks in advance 🙂


    1. mijo
    TomC Moderator
    #536848

    Try modifying the following CSS rule – within your custom.css file – as follows . . .


    .box-product > div {
    border: 1px solid #EEEEEE
    display: inline-block;
    height: 350px;
    margin-bottom: 20px;
    margin-right: 5px;
    padding: 15px;
    vertical-align: top;
    width: 32%;
    }

    gringo211985 Friend
    #536870

    Hi Tom,

    Found the solution, added this to my custom.css

    .box-product .name a {
    text-decoration: none;
    display: block;
    margin-bottom: 4px;
    font-weight: 100;
    line-height: 24px;
    height: 50px;
    }

    The height setting has created the extra line under the short product titles and now all of the cart buttons are aligned properly. Thanks for the help, see screenshot for finished result 🙂


    1. mijo2
    TomC Moderator
    #536873

    Yep, that’s another way to go about it. 🙂

    All the best with your continuing site development !!!

Viewing 4 posts - 1 through 4 (of 4 total)

This topic contains 4 replies, has 2 voices, and was last updated by  TomC 10 years, 5 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum