色選択を横一列に並べる(commerce fancy attributes)
こんにちは!助けてください。
問題は、commerce fancy attributes の商品色選択を横一列に並べられないことです。今はこんな見た目になっています - http://floomby.ru/s1/yYjG82 。CSSを書いて試していますがうまくいきません…助けていただけると嬉しいです。page.cssに何を書けばいいか教えてください。
これがコードです:
<label for="edit-attributes-field-colors">色を選択してください: </label>
<div id="edit-attributes-field-colors" class="form-radios"><div class="form-item form-type-radio form-item-attributes-field-colors">
<input type="radio" id="edit-attributes-field-colors-34" name="attributes[field_colors]" value="34" checked="checked" class="form-radio" /> <label class="option" for="edit-attributes-field-colors-34">白 </label>
<div class="description"><div class="description-selected"><div class="field field-name-field-hexadecimal field-type-text field-label-hidden"><div class="field-items"><div class="field-item even"><div title="白" style="background-color: #ffffff;" class="commerce-fancy-attributes-color"></div></div></div></div></div></div>
</div>
<div class="form-item form-type-radio form-item-attributes-field-colors">
<input type="radio" id="edit-attributes-field-colors-35" name="attributes[field_colors]" value="35" class="form-radio" /> <label class="option" for="edit-attributes-field-colors-35">黒 </label>
<div class="description"><div class="field field-name-field-hexadecimal field-type-text field-label-hidden"><div class="field-items"><div class="field-item even"><div title="黒" style="background-color: #000000;" class="commerce-fancy-attributes-color"></div></div></div></div></div>
</div>
<div class="form-item form-type-radio form-item-attributes-field-colors">
<input type="radio" id="edit-attributes-field-colors-36" name="attributes[field_colors]" value="36" class="form-radio" /> <label class="option" for="edit-attributes-field-colors-36">ベージュ </label>
<div class="description"><div class="field field-name-field-hexadecimal field-type-text field-label-hidden"><div class="field-items"><div class="field-item even"><div title="ベージュ" style="background-color: #FF9966;" class="commerce-fancy-attributes-color"></div></div></div></div></div>
</div>
</div>
</div>
- コメントを投稿するにはログインしてください