Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for 'autoplay summary'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location

Found 444 results

  1. Hi, Please, Squarespace, add ability to add multiple tags/categories for Summary block filtration. Thank you.
  2. Hi. I have tried to embed code from both Vimeo and Youtube using their automatic startup code option (under share options) but when I run it it stills requires me to click the play button. Any ideas on how to do this would be appreciated, either Youtube or Vimeo is fine.
  3. Good Morning! I am fairly new to setting up my own web page so please excuse my ignorance. I am trying to create a gallery page that I upload images to and link it to a summary page that is displayed. When I try to link the collection it isn't visible. What am I missing? I am using 7.1 if that makes a difference. The 2nd question would be how do I just set up a gallery page that isn't linked? I see in the collections options portfolios. I appreciate any help. Thanks
  4. @rocklilybeast this plugin does do what you want it to do; I just used it to create a rollover effect on a product summary block on a different page and it worked great 🙂
  5. In 7.1 you have the option of styling the blog as a grid (thumbnail image stacked on top of title) or side by side (thumbnail image on the left with text adjacent to it). However, when viewed on mobile the blog layout defaults too grid. There is currently no way of customising the mobile view from within the Style section. Attached is an image of the mobile view I'm trying to achieve. Summary blocks allow you to create this layout but I need this layout to apply to the entire blog. Can anyone please help with the CSS so that the blog displays as grid on deskop but side by side (list view) on mobile?
  6. I have a blog with several posts. When create a summary block and choose the blog, everything previews properly but the image thumbnail is not clickable. I want people to be able to click the thumbnail and go directly to that post. The title is clickable but I do not want to display the title. When I am on the dedicated blog page the thumbnails ARE clickable but I not in my summary blocks. I am using the brine template. Thanks for your help.
  7. I have setup a stacked gallery to display a process model. I want to remove the hyperlinks behind the summary blocks (see below screen grab). Can this be done? Cheers Matthew
  8. Hello! Is it possible to add categories / filters to my portfolio page - through a summary block or gallery. I would like it to be similar to the examples below where it lists 'All' and the categories... https://metwork.co.uk/work/ https://www.chothompson.com/ https://www.cgd-landscape-design.com/projects/ I can create separate pages for each category and link them but isn't as effective / smooth as the above. Any help would be much appreciated! Thanks!
  9. I'm trying to figure out how to remove the word "Featured" from the summary block. I've attached an image of the text I'd like removed. This is the webpage: https://globalforumforcivicaffairs.org/about-us Thank you!
  10. This didn't seem to work for me. Even using the embed code it still displays as a horizontal video with black bars on the sides. The video displays vertically without any black bars on YouTube just fine and the embed code specifies the correct width and height but Squarespace seems to just ignore it. <iframe width="560" height="315" src="https://www.youtube.com/embed/P6tF3PttVLs" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  11. Hello, does anybody know how to add more than 250 images to a summary block with the plugin Lazy Summary? At the moment I use the summary to show images from a gallery. But there is even the limitation of 250 images for gallery pages. So therefore I cannot add more than 250 images to a summary even with Lazy Summary or am I wrong? Is there maybe an option to show images from more than one gallery in the summary?
  12. I love the new Summary Block carousel. I'm curious if it's possible to "autoplay" the carousel much like galleries can do. I know this is possible using Developer Platform galleries, but would love to be able to use with Block Carousels.
  13. Hi. I am trying to change my H1 on the home page of my site from green font to GIF animated. But I can't find the css I used to make it this way. Can someone take a look at my code and point to where it is? I want to delete it and use another code. Thanks! Here's my site css code. .image-block { -webkit-filter: drop-shadow( 5px 5px 8px #000000 ); filter: drop-shadow( 20px 15px 10px #000000 ); } // Announcement Bar Hover Color // .sqs-announcement-bar { width: 100%; background-color: #ff0000 !important; /* main color */ webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .sqs-announcement-bar:hover { border-color: white !important; background-color: #6bae23 !important; /* hover color */ webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } // Bounce Social Icons // @-webkit-keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } .sqs-block-socialaccountlinks-v2 a svg{ top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .sqs-block-socialaccountlinks-v2 a{ -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); } .sqs-block-socialaccountlinks-v2 a:hover{ -webkit-animation-name: hvr-pop; animation-name: hvr-pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .social-icons-style-regular .sqs-use--icon{ fill: #000000 !important; } .social-icons-style-regular .sqs-svg-icon--wrapper:hover .sqs-use--icon{ fill: #FECB2F !important; } // Newsletter Block // .newsletter-block { padding: 50px !important; border-radius: 25px; background-color: #272732; } // Gradient Newsletter Block // .newsletter-block { background: linear-gradient(to bottom, #c0c0c0, #000000); padding: 50px !important; border-radius: 20px; } // Animation Keyframes // @-webkit-keyframes Gradient { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @-moz-keyframes Gradient { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @keyframes Gradient { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } // Animated Gradient Audio Player // .sqs-widgets-audio-player { background-image: linear-gradient(-45deg, #ffffff, #ff0000, #000000, #F07C63) !important; background-size: 400% !important; -webkit-animation: Gradient 10s ease infinite !important; -moz-animation: Gradient 10s ease infinite !important; animation: Gradient 10s ease infinite !important; border-radius: 5px; } // Highlighted Field Form // .field-list .field-element:focus, .field-element:visited{ border-color: #FECB2F !important; } .field-list select:focus{ outline-color: #FECB2F !important; } .field-list .section{ border-color: #FECB2F !important; } .form-button-wrapper .button{ color: white !important; border-color: transparent; background-color: #fecb2f; } .form-button-wrapper .button:hover{ color: white !important; background-color: #000000 !important; } // Animation Keyframes // @-webkit-keyframes Gradient { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @-moz-keyframes Gradient { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @keyframes Gradient { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } // Footer Top Border // Footer { border-top: 5px solid #ff0000; } // Rotating Animation Keys // @-webkit-keyframes rotateWord { 0% { opacity: 0; } 2% { opacity: 0; -webkit-transform: translateY(-30px); } 5% { opacity: 1; -webkit-transform: translateY(0px);} 17% { opacity: 1; -webkit-transform: translateY(0px); } 20% { opacity: 0; -webkit-transform: translateY(30px); } 80% { opacity: 0; } 100% { opacity: 0; } } @-moz-keyframes rotateWord { 0% { opacity: 0; } 2% { opacity: 0; -moz-transform: translateY(-30px); } 5% { opacity: 1; -moz-transform: translateY(0px);} 17% { opacity: 1; -moz-transform: translateY(0px); } 20% { opacity: 0; -moz-transform: translateY(30px); } 80% { opacity: 0; } 100% { opacity: 0; } } @-o-keyframes rotateWord { 0% { opacity: 0; } 2% { opacity: 0; -o-transform: translateY(-30px); } 5% { opacity: 1; -o-transform: translateY(0px);} 17% { opacity: 1; -o-transform: translateY(0px); } 20% { opacity: 0; -o-transform: translateY(30px); } 80% { opacity: 0; } 100% { opacity: 0; } } @-ms-keyframes rotateWord { 0% { opacity: 0; } 2% { opacity: 0; -ms-transform: translateY(-30px); } 5% { opacity: 1; -ms-transform: translateY(0px);} 17% { opacity: 1; -ms-transform: translateY(0px); } 20% { opacity: 0; -ms-transform: translateY(30px); } 80% { opacity: 0; } 100% { opacity: 0; } } @keyframes rotateWord { 0% { opacity: 0; } 2% { opacity: 0; transform: translateY(-30px); } 5% { opacity: 1; transform: translateY(0px);} 17% { opacity: 1; transform: translateY(0px); } 20% { opacity: 0; transform: translateY(30px); } 80% { opacity: 0; } 100% { opacity: 0; } } //remove hyphens// p, h1, h2, h3 { -webkit-hyphens: manual !important; -moz-hyphens: manual !important; -ms-hyphens: manual !important; hyphens: manual !important; } .sqs-search-page { .sqs-post-type-image.ContentItem { display:none !important; } } .image-slide-title { white-space: normal !important; line-height: 1.5em; } // Custom Color Social Icons // .sqs-use--icon { fill: #E77D6A !important; } // Pill Audio Block // .sqs-widgets-audio-player { border: 1px solid transparent; padding: 5px; border-radius: 50px; } @media screen and (max-width: 800px) { .sqs-block-image .design-layout-card:not(.sqs-narrow-width) { display: block!important; } .sqs-block-image .design-layout-card:not(.sqs-narrow-width) .image-card-wrapper { width: 100%; } .sqs-block-image .design-layout-card:not(.sqs-narrow-width)>div:first-child { width: 100%; } } .sqs-block-button-element--small:hover:before, .sqs-block-button-element--small:focus:before, .sqs-block-button-element--small:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .sqs-block-button-element--small:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #FECB2F; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .sqs-block-button-element--small { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .sqs-block-button-element--small { margin: .4em; padding: 1em; cursor: pointer; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } // Mobile Menu Text // .header-menu-nav-item a { color: #FFFFFF !important; } // Righty Nav Line / @media all and (min-width:770px){ header nav a{ display: inline-block !important; float: none; } header nav a:hover:after{ transform: scaleX(1); } header nav a:after { display:block; content: ''; border-bottom: solid 2px #ff0000; transform: scaleX(0); transition: transform 250ms ease-in-out; z-index: 999; transform-origin :100% 50%; } } // Mobile Menu Background // .Mobile-overlay-menu { background-color: #000000; background: linear-gradient(to bottom, #b22222, #000000); } // Center Footer Text // @media only screen and (max-width: 640px) { footer { text-align: center;} } .Header--top, .Mobile-bar--top { background-image: url(https://static1.squarespace.com/static/5d4c573da7991a00018356bc/t/5dd5ef4cd168ef7c6a901a6b/1574301516774/Untitled+design.jpg); background-size: cover; background-position: center center; } // LINE BLOCK BORDER // .sqs-block-content hr { background-color: #000000 !important; border-top: #ffffff 1px solid !important; border-right: #ffffff 1px solid !important; border-bottom: #ffffff 1px solid !important; border-left: #ffffff 1px solid !important; } @media only screen and (max-width: 640px) { p { font-size: 16px; } } @media screen and (max-width: 641px) { body { font-size: 9pt; letter-spacing: 2px; line-height: 30px; } h1 {font-size: 13pt} h2 {font-size: 12pt} h3 {font-size: 10pt} } .sqs-gallery-design-carousel .sqs-gallery-controls .next, .sqs-gallery-design-carousel .sqs-gallery-controls .previous { display: block; float: right; position: relative; top: auto; left: -15px; right: 15px; bottom: auto; margin: 0 0 15px 0; padding: 0; background-color: transparent; color: inherit !important; font-size: 16px; line-height: 16px; cursor: pointer; } .sqs-gallery-design-carousel .sqs-gallery-controls .next:before { font-family: 'squarespace-ui-font'; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; content: "\E003"; text-align: center; display: inline-block; vertical-align: middle; } .sqs-gallery-design-carousel .sqs-gallery-controls .next:before { font-size: 64px; width: 64px; height: 64px; line-height: 64px; } .sqs-gallery-design-carousel .sqs-gallery-controls .next:before { font-size: 32px; width: 16px; height: 32px; line-height: 32px; } .sqs-gallery-design-carousel .sqs-gallery-controls .previous { margin-right: 10px; } .sqs-gallery-design-carousel .sqs-gallery-controls .previous:before { font-family: 'squarespace-ui-font'; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; content: "\E000"; text-align: center; display: inline-block; vertical-align: middle; } .sqs-gallery-design-carousel .sqs-gallery-controls .previous:before { font-size: 64px; width: 64px; height: 64px; line-height: 64px; } .sqs-gallery-design-carousel .sqs-gallery-controls .previous:before { font-size: 32px; width: 16px; height: 32px; line-height: 32px; } .sqs-block-summary-v2 .summary-heading { font-size: 24px; } .summary-heading { text-align: center !important; } .summary-carousel-pager .previous { position: absolute !important; left: 18px !important; right: inherit !important; } .summary-header-text{ position: relative !important; padding: 0 !important; left: 25px !important; } // GIF Mobile Menu Background // .header-menu-bg { background: url(https://static1.squarespace.com/static/5d4c573da7991a00018356bc/t/5dead2aca95b4527acb2152b/1575670474800/giphy+night+vision.gif); background-size: cover; background-position: center; } // Gradient Form Button // .form-wrapper input[type=submit] { font-size: 16px; padding: 20px; background: linear-gradient(to right, #F07C63, #E45372); } // Image Card Block Third Font // .sqs-block-image .design-layout-card em { font-size: 22px; text-transform: capitalized; letter-spacing: 4px; font-weight: 600; color: #000000; font-style: italics !important; display: block; } // Diagonal Style - Two Colors // .Main-content { background-color: #000000 ; /* make this your darkest color */ background-image: linear-gradient(to bottom right, #000000, #778899); } // Diagonal Style - Two Colors // #home-about { background-color: #000000 ; /* make this your darkest color */ background-image: linear-gradient(to bottom right, #000000, #778899); } // LINE BLOCK BORDER // .sqs-block-content hr { background-color: #000000 !important; border-top: #dcdcdc 1px solid !important; border-right: #dcdcdc 1px solid !important; border-bottom: #dcdcdc 1px solid !important; border-left: #dcdcdc 1px solid !important; }
  14. I have a Carousel Summary Block containing my testimonials from clients, but I don't want it to say "Featured" at the top. How do I remove "Featured" from the top of every testimonial? Thank you!
  15. I am looking for a way to force summary blocks to display 3 thumbnails per row along with their excerpt for mobile screens. Does someone know how to accomplish this? I have the summary block on the page below: https://www.dothingsnyc.com/journal Thanks, Josh
  16. I would like to replace the titles on each of blog posts with a graphic that has the title on it. So it needs to be site wide. I can see how to remove the blog post titles from the summary page and block, and from specific blog posts, but I to have it on every blog post.
  17. Can you temporarily disable autoplay to check?
  18. The earlier answer worked for that particular block on that site, but it wouldn't remove it from all Summary Blocks as the question asked. For anyone else looking for the answer, you can remove the heading from all Carousel Summary Blocks by adding this to Design > Custom CSS: /* Remove 'Featured' Heading from Summary Block Carousel */ .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-heading { display: none; }
  19. Hello!

    I wondered if you have a solution for the Brine template not showing a grid's title or description on the mobile version. I tried using a summary block but it will not go higher than 30 entries, I have 34...of course. Here is my page: https://www.shusterhomes.com/quality-standards-1

    Thank you!

    Jaimee

    1. tuanphan

      tuanphan

      Your problem: It shows on desktop, but not on mobile?

      You can send to my email, i will check in the next few days

      I'm off Lunar New Year

  20. Working on my store right now and I find it difficult to adjust spacing between products when I list some products in a Summary. I've attached 2 screenshots, one is the regular store page on which the spacing between products is right, and the second screenshot is a few products displayed in a summary, and on which the horizontal spacing is right, but vertical spacing isn't and can't seem to find the right tool to fix this, any idea? Thanks!!!
  21. Is there a way to change the content that shows in a block in a sidebar on a page by page basis? What I am trying to accomplish is this. When a user is looking at a page that contains content that is part 1 of a series of 6 articles on "X", they would see in the summary block a display of the other 5 articles in that series on "X". Then when they switched to a different content series of 4 articles on "Y", they would see a display of the other 3 articles in the series on "Y".
  22. To remove the 'Featured' heading from all Carousel Summary Blocks, add this to Design > Custom CSS: /* Remove 'Featured' Heading from Summary Block Carousel */ .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-heading { display: none; }
  23. Hello! I'm working on a website design using the Mercer template. I have updated the 'Read More' links of blog summary blocks to buttons. I would love to remove the arrow which follows read more. Here's the website (password: realestate). Please refer to the 'Featured Listings' section (as pictured below). Does anyone know how to do this? Many thanks!
  24. I want my summary block title and metadata to be the same as what it looks like on the blog page (screenshot attached). Currently I can't figure out the correct code to change the 'large text' (which it is set in the summary block) to my imported font, like I have my headings eg, h1 {font-family: 'Avenir Medium';} h2 {font-family: 'Avenir Medium';}. Also, the meta data text I would like to be black instead of grey. If you could help me make it look like the photo I have attached it would be great. Site is modernlifeau.com and the password is 12345
×
×
  • Create New...