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

Leaderboard


Popular Content

Showing content with the highest reputation on 12/18/2014 in all areas

  1. 1 point
    I like the Squareup online store option better than Shopify because it is free unlike shopify. Is there a seamless way to integrate it into my square space website? For now it would fix my issue with squarespace's lack of customer account log in option. Unfortunately Customers would have to log in through square but I think it is better than nothing.
  2. 1 point
    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 :)
This leaderboard is set to New York/GMT-05:00
×
×
  • Create New...