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

Search the Community

Showing results for tags 'gallerylayout'.



More search options

  • 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
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion

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


Badges

Found 2 results

  1. Site URL: https://cobalt-armadillo-7fdj.squarespace.com/ Hey all, I recently realized that the gallery slideshow in 7.1 does not work as expected anymore. As I remember, arrows of the gallery section (indicating the privious or next picture) suppose to be vertically-centered within the gallery section (no matther how high a picture is). Furthermore, in case bullet points are in use (instead of arrows), those bullet points are not even shown in most full-screen resultions anymore. Url: https://cobalt-armadillo-7fdj.squarespace.com/ Passwort: testgallery Anybody experiencing the same behavior? Cheers
  2. Hello Guys, I have seen a lot of posts on this subject, that had some great code workarounds! I thought it would have been nice to gather them all and take videos to show how to achieve captions under grid-style Gallery Blocks in Squarespace 7, it works also on Squarespace 6 I am no code expert, but I have gathered the solutions in these posts: • http://answers.squarespace.com/questions/55687/hoverimage-titles-on-gallery-grid-images • Here it is the guide I have drafted, I would like to point out again this is not my code and I have found it in the resources above, so I am not able to troubleshoot it :) I have divided it into two sections: • Make the captions display at all times • Make them display on hover 1 • Make the captions display at all times This is how it looks like: here This is the code that should be entered: #block-yui_3_17_2_8_1420902652606_4622 .sqs-gallery-block-grid .slide .margin-wrapper .image-slide-title { display: block; } This video shows you step by step where to retrieve the #block element using Chrome and how to add the code to your Squarespace 7 site: In order, for it to work you will have to replace the following #block-yui3172814209026526064622 with your #block ID for your Gallery Block. If you remove the following from the CSS snippet: #block-yui3172814209026526064622, all gallery blocks with grid style that you have will display image file names. 2 • Make them display on hover This is how it looks like: here .sqs-gallery-block-grid .slide .margin-wrapper .image-slide-title { display: block; position: inherit; background-color: rgba(255,255,255,0.9); top: -18px; margin-bottom: -18px; opacity: 0; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; } .sqs-gallery-block-grid .slide .margin-wrapper:hover .image-slide-title { opacity: 1; } @media only screen and (max-width: 1024px) { .sqs-gallery-block-grid .slide .margin-wrapper .image-slide-title { opacity: 1; } } I took a video to show you how to implement this solution: I hope this is useful to someone, it worked for me :)
×
×
  • Create New...