News:

Support the VirtueMart project and become a member

Main Menu

Aligning buttons at the bottom in Products Module

Started by chrlar, March 06, 2013, 23:32:27 PM

Previous topic - Next topic

chrlar

I have made some adjustments to the module, but I still have one more issue I can't seem to figure out.

I have 4 products per row, and since some products have longer titles than others, the price and "add to cart" buttons are not in line. I find that is looks a bit messy.

I would like to have some code to put in somewhere, that says to put in a blank line if the product title is on only one line.

See attached image, the you understand what I mean... :)
(Yes, we need to clean up the titles too.. )

Thanks! :)

[attachment cleanup by admin]

K&K media production

You can put the title in a div and then use css min-height with the value of 2 lines.

chrlar

Haha... Why didn't I think of that...?  :P
Thank you! :)  ;D

(I think I've been sitting by the computer too long...) ;)

Now it looks great! :D

micropalla


K&K media production

Look in your template override for title and put it in a div with a specific class. If you don't use overrides, make a override.
http://docs.joomla.org/How_to_override_the_output_from_the_Joomla!_core

Then use CSS with min-height.
http://www.w3schools.com/cssref/pr_dim_min-height.asp