Skip to content

Instantly share code, notes, and snippets.

@marcusig
Created September 11, 2020 12:44
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save marcusig/610e5a39e062a95b636db07f42f02e50 to your computer and use it in GitHub Desktop.
Save marcusig/610e5a39e062a95b636db07f42f02e50 to your computer and use it in GitHub Desktop.
Product configurator - put choices next to each other instead of stacked
.mkl_pc .mkl_pc_container .mkl_pc_viewer .mkl_pc_layers img {
transition: .2s all;
position: relative;
left: 0;
top: 0;
transform: none;
max-height: 100%;
height: auto;
width: 350px;
padding: 10px
}
.mkl_pc .mkl_pc_container .mkl_pc_viewer .mkl_pc_layers img:not(.active) {
display: none;
}
.mkl_pc .mkl_pc_container .mkl_pc_viewer .mkl_pc_layers {
overflow: auto;
}
.mkl_pc .mkl_pc_container .mkl_pc_viewer .mkl_pc_layers img[src*="data:image/gif"] {
display: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment