How to display color in the product page by customize the CSS ?

We will see some examples of useful CSS modifications to optimize for example, your new color icons characteristic selector.

First, the display color in the product page:

• In order to change this add at the end of the CSS file :.hikashop_product_characteristics_table td .inputbox {display: none;}

  .hikashop_product_characteristics_table td img {border: 2px groove black;}

  .hikashop_product_characteristics_table td label {display:inline !important; padding-left: 5px;}

• Edit and Save the Custom CSS and Result

And now for the products listing page, the filter display:

•  Just add this at the end of the Css file:.hikashop_filter_color br{ display: none;}.hikashop_filter_checkbox label{border: 2px solid black; display: inline-block !important; margin: 4px;}

  .hikashop_filter_checkbox a {display: none;}

  .hikashop_filter_checkbox input{ margin-right:5px; display:none;}
  

• Edit and Save the Custom CSS and Result

• Author
• Recent Posts

Document Team

Hi,
We're document team, we write document for all products from our company. You can reach our Document Portal. If you have any questions or problem during using our products, feel free drop comment, we will come to help you shortly.

Latest posts by Document Team (see all)

• JS Jobs Data Dictionary: How to Add New Entity? - January 3, 2017
• JS Jobs Categories: How to Add New Categories? - December 30, 2016
• JS Jobs Message System: Front End Messages - December 30, 2016