Joomla Templates Club 406,261 posts

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#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 🙂

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#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 gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#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 🙂

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#536873

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

All the best with your continuing site development !!!

[Author]

Posts