Styles

The current section includes animation and corner radius settings.

Theme settings -> Styles

  • Animate Image on Load: Enabling this option makes images appear with a transparency effect when they load on a webpage.

  • Image hover effect

  • Width for underline on hover

  • Header links underline on hover

  • Footer links underline on hover

  • Matte effect - used for Banner text box, sticky elements

  • Matte effect opacity - works with sticky elements


CORNER RADIUS

  • Roundness. On the scale from 0 to 20 pixels, you can control whether to display product images and banners with rounded angles, where 0 pixels means that images will have square angles.

  • Icon image. Use the scale to change the corner radius of input fields throughout a store from 0 to 20 pixels.

  • Color picker. Use the scale to change the corner radius of input fields throughout a store from 0 to 100 pixels.

  • Button swatches. Use the scale to change the corner radius of input fields throughout a store from 0 to 20 pixels.

  • Button. Decide whether to render buttons in the entire store with round angles on the scale from 0 to 20 pixels.

  • Product page buttons - is used for Add to cart button, quantity, checkout button

  • Form input. Use the scale to change the corner radius of input fields throughout a store from 0 to 20 pixels.

  • Badge. Use the scale to change the corner radius of input fields throughout a store from 0 to 20 pixels.

  • Tooltip. Use the scale to change the corner radius of input fields throughout a store from 0 to 20 pixels.

  • Checkbox. Use the scale to change the corner radius of input fields throughout a store from 0 to 14 pixels.

  • Table. Use the scale to change the corner radius of input fields throughout a store from 0 to 20 pixels.

  • Submenu. Optimize the view of the Header in your store using parameters from 0 to 20 pixels.

Example of Store Settings Display:

Last updated