Icon Box

  • Posted:
  • / By: Magda
  • / In:

{Theme} comes with several types of Icon Boxes:

Screenshots for button variations

iconBox - Transparent version

iconBox – Transparent version

iconBox - Solid border version

iconBox – Solid border version

iconBox - Solid big version

iconBox – Solid big version

iconBox - Small transparent inline round version

iconBox – Small transparent inline round version

iconBox - Small transparent dark inline version

iconBox – Small transparent dark inline version

iconBox - Image version

iconBox – Image version

Classes
— ct-iconBox (core class)
— ct-iconBox–small (define size of iconbox)
— ct-iconBox–Big (define size of iconbox)
— ct-iconBox–solidBorder (on hover border changed to dark green)
— ct-iconBox–solid (on hover background to black)
— ct-iconBox–solidBlue (different background, hover to black)
— ct-iconBox–solidYellow (different background, hover to black)
— ct-iconBox–solidRed (different background, hover to black)
— ct-iconBox–solidDark (different background, hover to black)
— ct-iconBox–withImageGreyScale (grayscale on hover)
— ct-iconBox–transparent (transparent background)
— ct-iconBox–inline (icon to the left, title to right)

Example of markup