[Solved] Product Customisation blocks not aligned

[touchdez]

How can I change the Product Customisation so that the blocks are aligned properly? I am using the Product Customisation module and Prestashop 1.5.4.1.

 

Website link: http://touchdezines....ft-voucher.html

 

Edited July 1, 2013 by touchdez (see edit history)

[NemoPS]

The html for that section makes the alignment basically impossible (if you want labels on the same line). You can add a span.someclass around the names in the tpl files, then target the class in the css adding a fixed width with display:inline-block.

 

OR

 

You can send boxes to a new line with

 

.customization_block_input {display:block;}

 

 

Always in the css (i suggest product.css)

[touchdez]

Is it possible to make it look like this:

 

[NemoPS]

Yes, but you have to edit the html data of product.tpl as I said, and add spans (or label tags, as you prefer) around the names

[touchdez]

Thank, Nemo1 - I will have a look and see what I can do.

 

It works with the block underneath the text, which is fine - looks much better!

 

Now where will I find the wording that is inside the block: Product Customization and Texts?

 

Found everything I was looking for - thanks!

Edited July 1, 2013 by touchdez (see edit history)