logo

Extra Block Types (EBT) - New Layout Builder experience❗

Extra Block Types (EBT) - styled, customizable block types: Slideshows, Tabs, Cards, Accordions and many others. Built-in settings for background, DOM Box, javascript plugins. Experience the future of layout building today.

Demo EBT modules Download EBT modules

❗Extra Paragraph Types (EPT) - New Paragraphs experience

Extra Paragraph Types (EPT) - analogical paragraph based set of modules.

Demo EPT modules Download EPT modules

Scroll
  1. Home
  2. Forums
  3. Drupal CMS
  4. Drupal Installation

color selection in line (commerce fancy attributes)

22/02/2025, by Anonymous (not verified)
Forums
Drupal Installation

Hello! Please help me. 

The problem is that I can't align the product color selection commerce fancy attributes  in a line; right now it looks like this - http://floomby.ru/s1/yYjG82. My attempts to write CSS have been unsuccessful... I really hope you can help me, please tell me what I need to write in page.css.

 

Here is the code:

  <label for="edit-attributes-field-colors">Select a color: </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">White </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="White" 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">Black </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="Black" 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>