tuanphan Posted November 26 Posted November 26 You have a Gallery Block Carousel, and you want to turn it to stacked format on Desktop Only. #1. First, find ID of Carousel Block. In my example, it is: #block-yui_3_17_2_1_1732180734113_11600 #2. Use this code to Custom CSS box @media screen and (min-width:768px) { #block-yui_3_17_2_1_1732180734113_11600 { .sqs-gallery-design-strip { overflow: visible !important; } .sqs-intrinsic .sqs-intrinsic-content { position: static !important; } .sqs-gallery-design-strip-slide { width: 100% !important; height: auto !important; margin-bottom: 10px; } .sqs-gallery-design-strip .sqs-wrapper { width: 100% !important; left: unset !important; } .sqs-gallery-meta-container { display: none !important; }}} #3. If you want to add a space between images, change this code Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment