Propel_Studio Posted August 12 Share Posted August 12 (edited) Hi Squarespace family, We’ve been trying to make our project-page galleries full-bleed across the site using custom CSS, but we haven’t had any luck. Would anyone be able to help us out? Thank you in advance! https://www.propelstudio.com/ Here is our current custom CSS: Quote /* Gallery Meta Container Styles */ .sqs-gallery-meta-container .previous { float: left; } .sqs-gallery-meta-container .next { float: right; } .sqs-gallery-meta-container a::before { font-size: 24px !important; } /* Gallery Block Slideshow Styles */ .sqs-gallery-block-slideshow:hover .sqs-gallery-controls a::before, .sqs-gallery-block-slideshow:hover .sqs-gallery-meta-container a { opacity: 1; transition: opacity 200ms ease-in; } .sqs-gallery-block-slideshow .sqs-gallery-controls a::before { opacity: 0; } /* Slide Meta Styles */ .sqs-gallery .slide .meta { transition: opacity 200ms ease-in; } /* Navigation Styles */ #headerNav nav .subnav, #sidecarNav nav .subnav { background-color: #ffffff; opacity: 0.75; } /* Footer Styles */ #footer .html-block a, #footer .html-block a:visited { border-bottom: 0 solid #333; color: #333; } /* Page Styles */ #page { -moz-osx-font-smoothing: auto; box-sizing: border-box; margin: auto; max-width: 1020px; padding: 36px 32px; width: auto; } /* Banner Thumbnail Wrapper Styles */ .transparent-header.view-list .banner-thumbnail-wrapper, .transparent-header.collection-type-page .banner-thumbnail-wrapper { padding: 109px 0 0; } /* Gallery Design Strip Slide Styles */ .sqs-gallery-design-strip-slide { cursor: pointer; float: left; height: 100% !important; max-width: none !important; padding-right: 20px; position: relative; width: auto !important; } /* Block Styles */ .sqs-block { height: 100%; outline: 1px solid transparent; padding-bottom: 0px; padding-top: 0px; position: relative; transition: box-shadow 0.1s ease-in-out 0s; } /* Site Wrapper Styles */ #siteWrapper { color: rgba(0, 0, 0, 0.5); font-family: "futura-pt"; font-size: 24px; font-style: normal; font-weight: 300; letter-spacing: 0.5px; line-height: 1.6em; } /* Summary Excerpt Styles */ .summary-excerpt p { font-size: 24px !important; } /* Block Summary Styles */ .sqs-block-summary-v2 .summary-title, .sqs-block-summary-v2 .summary-heading { font-size: 24px; } Edited August 12 by Propel_Studio Grammar Link to comment
tuanphan Posted August 15 Share Posted August 15 I think homepage slideshow already fullbleed. Or you mean another page? Can you share link? 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!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment