PDP - Group related products
group-related-products
Css
.group-related-products
{
.item_swift_productvariantselector,
.item_swift_productfielddisplaygroups,
.item_custom__customizableoptionsbutton,
.item_custom__productaddsampletocart
{
position: relative;
z-index: 2;
}
}
@media (max-width: 992px) {
.group-related-products > div {
display: flex !important;
flex-direction: column !important;
> div:first-child {
width: 100%;
}
}
}
qmx-careers-grey-line
qmx-careers-grey-line
Css
.qmx-careers-grey-line hr {
color: #121212;
max-width: 250px;
margin: 25px auto;
border: 5px solid #e2e2e2;
}
qmx-careers-header
qmx-careers-header
Css
.qmx-careers-header span {
color: #00A7C8 !important;
}
.qmx-careers-header hr {
color: #121212;
max-width: 250px;
margin: 25px auto;
border: 5px solid #e2e2e2;
}
qmx-careers-perks
qmx-careers-perks
Css
.qmx-careers-perks ul {
margin: 0;
text-align: center !important;
list-style-type: none;
line-height: 3rem;
}
@media (min-width: 1001px) {
.qmx-careers-perks ul {
text-align: left !important;
}
}
.qmx-careers-perks hr {
color: #ffffff;
width: 50px;
max-width: 250px;
margin: 25px auto;
border: 5px solid #ffffff;
opacity: 1 !important;
}
qmx-printing-methods-images-chart
qmx-printing-methods-images-chart
Css
.qmx-printing-methods-images-chart svg {
width: 100px;
height: 129px;
display: block;
margin: -65px auto 0 auto;
}
qmx-container
qmx-container
Css
.qmx-container {
margin: auto;
display: block;
width: 100%;
max-width: 1200px;
}
qmx-printing-methods-table
qmx-printing-methods-table
Css
.qmx-printing-methods-table .table {
margin: 100px 0 0 0;
color: #ffffff;
min-width: 430px;
}
qmx-center-header
qmx-center-header
Css
qmx-center-header h3 {
text-align: center;
}
qmx-careers-pink-line
qmx-careers-pink-line
Css
.qmx-careers-pink-line hr {
color: #eb8ca1;
max-width: 250px;
margin: 25px auto;
border: 5px solid #eb8ca1;
opacity: 1!important;
}
qmx-directions-map
qmx-directions-map
Css
qmx-sus-banner
qmx-sus-banner
Css
qmx-sus-about
qmx-sus-about
Css
qmx-sus-about-scott
qmx-sus-about-scott
Css
PLP - Center name
center-name
Css
.center-name {
.item_swift_productfielddisplaygroups
{
display: flex;
justify-content: center;
font-weight: bold;
text-align: center;
}
}
qmx-business-select-art
qmx-business-select-art
Css
.qmx-topic .select-art-content .art-shape {
margin: auto;
display: inline-block;
width: 210px;
height: 210px;
text-align: center;
background-color: #ffffff;
box-shadow: 3px 3px 6px rgb(18, 18, 18, 0.5);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.select-art-content .art-shape div {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 210px;
height: 210px;
padding: 30px;
}
.qmx-topic .select-art-content .art-shape img {
width: 43px;
}
.select-art-content {
text-align: left;
}
.select-art-content.qx-center {
text-align: center;
}
@media screen and (min-width: 759px) {
.select-art-section .art-image {
display: none;
}
.select-art-section {
margin: 100px auto;
background: url(/Files/Images/Content/Topic-Pages/Business-Select/girl-desk-3.svg) no-repeat center;
background-size: 100%;
padding: 30px 0;
}
}
qmx-custom-our-process
qmx-custom-our-process
Css
qmx-business-select-hero-class
qmx-business-select-hero-class
Css
qmx-business-select-hero
qmx-business-select-hero
Css
qmx-business-select-form-section
qmx-business-select-form-section
Css
footer responsive
footer-responsive
Css
.footer-responsive ul{
flex-wrap: wrap !important;
justify-content: center;
}
qmx-featured-categories-hp
qmx-featured-categories-hp
Css
qmx-container-1500
qmx-container-1500
Css
qmx-image-center
qmx-image-center
Css
qmx-line-accent
qmx-line-accent
Css
qmx-pba-pink-images
qmx-pba-pink-images
Css
qmx-center-svg
qmx-center-svg
Css
qmx-pba-bullets
qmx-pba-bullets
Css
PDP - Group related products container
group-related-products-container
Css
@media (max-width: 992px) {
.group-related-products-container .item_swift_app
> div > div.flex-column {
grid-column: auto / span 12;
}
}
qmx-biz-select-banner
qmx-biz-select-banner
Css
qmx-biz-select-product-grid
qmx-biz-select-product-grid
Css