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. Theming

Change the layout of the standard taxonomy term Select switch (radio button)

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

Hello!

I have encountered a problem that I cannot solve, and I hope for your help. Thank you in advance.

I want to change the standard output of the product size switch using CSS - http://floomby.ru/s1/JY5KPz

I can change the background and font, but I can't seem to change the shape or color of the button with the arrow. Can you please advise me on how and where to make these changes? 

Code:

<div class="form-item form-type-commerce-fancy-attributes form-item-attributes-field-colors form-type-commerce-fancy-attributes-ajax">
 
<div class="form-item form-type-select form-item-attributes-field-sizebriefs">
<label for="edit-attributes-field-sizebriefs">Select Size: </label>
 
<select id="edit-attributes-field-sizebriefs" class="form-select ajax-processed" name="attributes[field_sizebriefs]">
<option selected="selected" value="1">70A</option>
<option value="2">70B</option>
<option value="3">70C</option>
<option value="4">70D</option>
<option value="5">70E</option>
<option value="6">70F</option>
<option value="7">70G</option>
</select>
</div>
</div>