Style

Preview Style

• Color
  • Background color – product preview window background color
  • Border color – product preview window border color
  • Text color – text color on product preview window
  • Link color – link color on product preview window
  • Link color when mouse over – link color on product preview window when mouse over link
  • Price color – price color on product preview window
  • Close button color – font color on close button
  • Close button background color – close button background color
  • Close button color when mouse over – font color on close button when mouse over button
  • Close button background color when mouse over – close button background color when mouse over button
  • Close button border color – border color around close button
  • Quick view background color – background color for product preview button
  • Quick view background color when mouse over – background color for product preview button, when mouse over button
  • Quick view text color – font color for product preview button
  • Quick view text color when mouse over – font color for product preview button, when mouse over button
  • Quick view border color – border color for product preview button
  • Next and Previous button background color – background color for next and previous button on products preview
  • Next and Previous button font color – font color for next and previous button on products preview
  • Next and Previous button border color – border color for next and previous button on products preview
  • Next and Previous button background color when mouse over – background color for next and previous button on products preview, when mouse over button
  • Next and Previous button font color when mouse over – font color for next and previous button on products preview, when mouse over button
  • Next and Previous button border color when mouse over – border color for next and previous button on products preview, when mouse over button
• Size – sizes for product preview window
  • Size
    • Text – text size
    • Link – text size on links
    • Price – text size on price
    • Image width – width of product image
    • Image position – position of product image
  • Padding around preview – padding around product preview window with black color
    • Top
    • Bottom
    • Left
    • Right
  • Padding from border to text inside – padding inside product preview window
    • Top
      
    • Bottom
      
    • Left
      
    • Right
  • Border around preview – border for product preview window
    • Top
      
    • Bottom
      
    • Left
      
    • Right
  • Padding around image – padding between product image and other elements
    • Top
    • Bottom
      
    • Left
      
    • Right
  • Close button position – close button position from product preview window border
    • Top
      
    • Bottom
      
    • Left
      
    • Right
  • Close button size – sizes for close button
    • Width – close button width
    • Height – close button height
    • Line Height – line height same as height by default
    • Text size – font size
    • Corner round – round for all corners
  • Border around close button – border width around close button
    • Top
      
    • Bottom
      
    • Left
      
    • Right
  • Quick view button – sizes for product preview buttons
    • Width – width for button
    • Height – height for button
    • Border width – border width for button
    • Font size
  • Quick view button paddings – paddings inside product preview buttons, from button border to button text
    • Top
    • Bottom
      
    • Left
      
    • Right
  • Quick view button margin – paddings around product preview buttons
    • Top
    • Bottom
    • Left
    • Right
  • Gallery images – sizes for gallery images on preview
    • Width – image width
    • Minimum width – image minimum width
    • Border width – border width for images
  • Gallery images margin – paddings around gallery images
    • Top
    • Bottom
      
    • Left
      
    • Right
  • Next button position – position of button on page
    • Top
    • Bottom
      
    • Left
      
    • Right
  • Next button size – sizes for next button on preview
    • Height – height for next button
    • Width – width for next button
    • Font size – font size for next button
    • Border radius – border corner radius for next button
  • Next border width – next button border width
    • Top
    • Bottom
    • Left
    • Right
  • Previous button position – position of button on page
    • Top
    • Bottom
    • Left
    • Right
  • Previous button size – sizes for previous button on preview
    • Height – height for previous button
    • Width – width for previous button
    • Font size – font size for previous button
    • Border radius – border corner radius for previous button
  • Previous border width – previous button border width
    • Top
    • Bottom
    • Left
    • Right
  • Previous and next icon position – icon position on button
    • Previous vertical align
      • Top
      • Middle
      • Bottom
    • Previous horizontal align
      • Left
      • Center
      • Right
    • Next Vertical align
      • Top
      • Middle
      • Bottom
    • Next horizontal align
      • Left
      • Center
      • Right