Alignment custom field drop down boxes

[codeice]

I have created a number of custom field drop down boxes (cart variant). However the text length varies in each thus causing the vertical alignment to be messy, attached image.
Using Firebug tells me that I am looking for "product-field-display" and have looked for ways of styling through the productdetails/tmpl/default.php file and .css files without luck and am obviously missing something!

Just want the boxes to align neatly - any suggestions?

Using JML 1.7.3 & VM2, stable

Thanks

[attachment cleanup by admin]

[dimi2013]

this is how i solved it. You'll have to use FireBug to get the right ID #s

#customPlugin76dropcustom_drop {
   float:right!important;
   margin: 0 198px 10px 0px;
}
#customPlugin77dropcustom_drop {
   margin: 0 150px 10px 0;
}
#customPlugin78dropcustom_drop {
   margin-bottom: 10px;
}

[PRO]

you do not need to do by ID

set the label & the select to fixed widths

[dimi2013]

That's cool. my solution also puts them on top of each other so they look more organized. Maybe combine both?

[PRO]

That's cool. my solution also puts them on top of each other so they look more organized. Maybe combine both?

For your solution, you will have to do it for EACH product because the ID is different.

I use this in

default_addtocart.php


   <?php // Product custom_fields
   if (!empty($this->product->customfieldsCart)) {  ?>
   <div class="product-options width50">
      <?php foreach ($this->product->customfieldsCart as $field)
      { ?><div class="width100 m4">
         <div class="width40" ><b><?php echo  JText::_($field->custom_title) ?></b></div>
         <div class="width59"><?php echo $field->display ?></div>
         </div><div class="wrap"></div>
         <?php
      }
      ?>
   </div>
   <?php }
?>


width40    is the label
width59   is the dropdown

[attachment cleanup by admin]

[dimi2013]

Nice! so we're talking override?

[PRO]

Nice! so we're talking override?

yes

[dimi2013]

thanks..i'm going to try this..