If you want to add advanced styles to change the way options are displayed, you can do that by adding custom CSS.

To change Customily Options styles through CSS

  1. From your Customily Admin Panel, select Manage Options from the sidebar menu
  2. Click on settings
  3. Open the advanced tab
  4. Type in any custom CSS you would like to add.
Be careful
If you are not familiar with CSS, we recommend you find someone to help you adjust the styles of your options. Changing styles without knowing how can result in breaking the layout of your product page.

CSS Classes of Customily Options

Use these class selectors to identify the different type of options and their elements
Element
Class selectors
Text Input 
#cl_optionsapp .customily_option input
Drodpown
#cl_optionsapp .customily_option select
Swatch
#cl_optionsapp .swatch-container .swatch
#cl_optionsapp .swatch-container label
#cl_optionsapp .swatch-container label img
Image upload button
#cl_optionsapp .customily-download-button
Remove uploaded photo button
.cl_remove-image
Option Labels
#cl_optionsapp .customily_option label
Help Text
#cl_optionsapp .help-text
Photo size limit text
 .cl_image-invalid-size
Required message
#customily-required-after-label

Share

Was this article helpful?

0 out of 0 found this helpful
Have more questions? Submit a request