Jump to content

Recommended Posts

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/

 

image.thumb.png.f3bf3f491272a2f5fca5a1494dc65885.png

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 by Propel_Studio
Grammar
Link to comment
  • Replies 1
  • Views 674
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.