How to Edit Style of Select Box

  • Posts: 131
  • Thank you received: 3
11 years 11 months ago #80902

Hi again,

Another thing needs to be done is the dropdown selection box, can you show me where to edit the style?




Also, are they easy to change to other display type, eg. button ( 3 buttons for 3 selections). Never mind if it is complicated, will just styling the dropdown box.


Thanks!

Attachments:

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

  • Posts: 131
  • Thank you received: 3
11 years 11 months ago #80957

Sorry! this should call characteristic.

I tried put in "padding-left" in both " product / show_block_characteristic.php "

<?php
if (!empty ($this->element->characteristics)) {
?><div id="hikashop_product_characteristics" class="hikashop_product_characteristics" style="padding-left:3px;"><?php
echo $this->characteristic->displayFE($this->element, $this->params);
?></div><?php
}
?>

and also " System > Configuration > Display > CSS "

.hikashop_product_characteristic_chooser{
text-align:center;
padding-left:3px;
}


but all no effect to the dropdown, indeed, in " product / show_block_characteristic.php ", I enter a padding style in the "DIV" syntax, but the whole block of characteristic moved out of alignment. I need at least give a space to the "Color" and the dropdown box.


Thanks!

Last edit: 11 years 11 months ago by michael.

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

  • Posts: 131
  • Thank you received: 3
11 years 11 months ago #80971

Ok,found able to edit in template css with " select { } ".

If the characteristic selection can be easily changed to buttons (or boxes) style, it is good, otherwise, hope Hikashop new release allow to switch the style within dropdown and buttons (or boxes).


Cheers!

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

  • Posts: 131
  • Thank you received: 3
11 years 11 months ago #81067

Sorry! found the options for selection style :)

There are radio button (need to do alignment) and table (seems not working - it's go back to dropdown list). Currently I still have to use the dropdown style.

If Hikashop can provide "box style button" (the characteristic name in the box), so thought no further alignment will be required. Most of modern shopping sites are using this style for selection.

But after experienced with other shopping carts, HikaShop is still my best choice :)

Thank you!

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

Time to create page: 0.064 seconds
Powered by Kunena Forum