logo

Palette - Make it Colorful🎨

Palette - Visual Page Builder, no design degree required.

Live Demo Download Palette

Défilement

sélection de couleur en ligne (attributs fancy commerce)

22/02/2025, by Anonyme (non vérifié)

Bonjour ! Pouvez-vous m'aider, s'il vous plaît ? 

Le problème est que je n'arrive pas à aligner le choix de la couleur du produit commerce fancy attributes  sur une ligne. Actuellement, cela ressemble à ça - http://floomby.ru/s1/yYjG82. Mes tentatives d'écrire du CSS ont échoué... J'espère vraiment que vous pourrez m'aider, dites-moi ce que je dois écrire dans page.css.

 

Voici le code :

  <label for="edit-attributes-field-colors">Choisissez une couleur : </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">Blanc </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="Blanc" 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">Noir </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="Noir" 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">Beige </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="Beige" style="background-color: #FF9966;" class="commerce-fancy-attributes-color"></div></div></div></div></div>

</div>

</div>

</div>