Image_Choices_Product_Configurator_Style.css

/* Global for both forms on page */
ul.gfield_radio li:not(:last-child), ul.gfield_checkbox li:not(:last-child),
.image-choices-field .image-choices-choice,
.image-choices-field .image-choices-choice .image-choices-choice-selected {
    margin-right:0px!important;
    border:none!important;
}
.gfield:not(:last-child) {
    margin-bottom:0px!important;
}
/*///////////////////////////////////////*/

/* Outter form wrapper */
.gform_body {
    background:#F6F6F6;
    border-radius:10px;
    margin-bottom:40px;
    overflow:hidden;
}

/* Preview Area */
.preview-area {
    background:#F6F6F6;
    background-repeat:no-repeat;
    height:500px;
    position:relative;
    width:100%;
}
/* Preview Layer */
.preview-layer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
/* graphic layer 1 - tshirt positions */
.preview-layer-1 .preview-item {
    transform: translate(-50%);
    position: absolute;
    bottom: -80px;
    left: 50%;
}
/* Logo positions - global  */
.preview-layer-2 .preview-item {
    transform: translate(-50%);
    position: absolute;
    bottom: 156px;
    left: 50%;
    width: 190px;
}
/* Artwork logo 1 - replace choice_55_19_0 your item choice ID here*/
.preview-layer-2 .preview-item.choice_56_3_0 {
    bottom: 216px;
}
/* Artwork logo 2 - replace choice_55_19_1 your item choice ID here*/
.preview-layer-2 .preview-item.choice_55_19_1 {
    bottom: 200px;
    width:160px;
}
/* Artwork logo 3 - replace choice_55_19_3 your item choice ID here*/
.preview-layer-2 .preview-item.choice_55_19_3 {
    bottom: 130px;
}
/* Radio list background */
.config-layer  {
    padding: 100px 40px 0px 40px;
}
/* Remove background */
.image-choices-field .image-choices-choice,
.image-choices-field .image-choices-choice-focus,
.image-choices-field .image-choices-choice label {
    margin: 0px!important;
    border:none!important;
    width: 170px;
    height: 170px;
    padding: 20px!important;
    background-size: contain;
}
/*Style col widths*/
li.image-choices-field li.image-choices-choice {
    width:20%;
}
/*Center options in columns*/
.ginput_container_radio {
    text-align: center;
}
/* Image Wrap size */
.image-choices-field .image-choices-choice-image-wrap {
    width:100%!important;
    height:100%!important;
}
/* Item hover */
.image-choices-field .image-choices-choice-hover .image-choices-choice-image-wrap  {
    transform:scale(1.1);
}
/* Selected / Active state */
.image-choices-choice-selected label {
    background: white;
    border-radius: 100%;
    width:170px;
    height:170px;
}
/* Gfield label */
label.gfield_label {
    font-weight:bold;
    font-size: 12px;
    color: #717F87;
    letter-spacing: 8px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
}
/*Price Total styles*/
.ginput_container_total {
    padding:80px;
    text-align: center;
}
span.ginput_total {
    font-weight:bold;
    font-size: 30px;
    color: #717F87;
    letter-spacing: 6px;
    vertical-align: middle;
}
.image-choices-field .image-choices-choice-image-wrap {
    background-size: contain!important;
}
.ginput_price {
    display:none;
}
.gfield.no-label > .gfield_label {
    display: none;
}