CSS Formatting for Drop Down "Selected" Custom Field

  • Posts: 33
  • Thank you received: 2
7 years 2 months ago #275944

-- HikaShop version -- : 3.1.1
-- Joomla version -- : 3.7.4
-- PHP version -- : 5.6.31
-- Browser(s) name and version -- : Chrome

I'm looking for a way to highlight (font and background color) a custom field's dropdown "selected" option.

The objective is to make the selection clear and concise.

Thank you.

Please Log in or Create an account to join the conversation.

  • Posts: 82683
  • Thank you received: 13338
  • MODERATOR
7 years 2 months ago #275948

Hi,

Well, that's not really linked to HikaShop.
You need to add either custom CSS or custom CSS and custom javascript to the page where the dropdown is being displayed. It depends what you want to do exactly.
Here are some examples:
stackoverflow.com/questions/17698110/how...ion-in-select-option
You only have to change the class/id used in these examples to the class/id of the custom field's dropdown in order to get the CSS/javascript to work on the custom field.
You can easily find the class/id of the selects with the inspector of your browser:
kb.oboxthemes.com/articles/how-to-get-css-styles-for-elements/
Regarding where to add the CSS, you can do it in the HikaShop CSS:
www.hikashop.com/support/documentation/1...ize-the-display.html
And for the javascript, it depends what code you want to use and how you configured your custom field so I can't say much more on that for now as I don't know either.

Last edit: 7 years 2 months ago by nicolas.

Please Log in or Create an account to join the conversation.

Time to create page: 0.054 seconds
Powered by Kunena Forum