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

devonstank

Circle Member
  • Content Count

    83
  • Joined

  • Last visited

  • Days Won

    1

Everything posted by devonstank

  1. There are many solutions out there (some good and some bad), but you'll need to do some Googling to find them. Basically, you'll need to Have some JavaScript run under the code injection section to manipulate some HTML within a code block. This feature is typically called a drop-down accordion. Devon Stank @ Devonstank.com (Squarespace Tips & Tricks)
  2. There are many solutions out there (some good and some bad), but you'll need to do some Googling to find them. Basically, you'll need to Have some JavaScript run under the code injection section to manipulate some HTML within a code block. This feature is typically called a drop-down accordion. Devon Stank @ Devonstank.com (Squarespace Tips & Tricks)
  3. There are many solutions out there (some good and some bad), but you might want to do some Googling to find them. Basically, you need to write some custom Less (CSS) to change the styling of Squarespace's Image Caption Overlay on Hover effect. Ultimately, overriding Squarespace's default styling. Devon Stank @ Devonstank.com (Squarespace Tips & Tricks)
  4. There are many solutions out there (some good and some bad), but you'll need to do some Googling to find them. Basically, you'll need to Have some JavaScript run under the code injection section to manipulate some HTML within a code block. This feature is typically called a drop-down accordion. Devon Stank @ Devonstank.com (Squarespace Tips & Tricks)
  5. I have a solution for this posted on my site with a simple how-to video, as well as easy-to-read written instructions. You can find it at devonstank.com/squarespace-form-redirect Devon Stank @ Devonstank.com (Squarespace Tips & Tricks)
  6. I have a solution for this post on my site with a simple how-to video, as well as easy-to-read written instructions. You can find it at devonstank.com/squarespace-form-redirect Devon Stank @ Devonstank.com (Squarespace Tips & Tricks)
  7. There are many solutions out there (some good and some bad), but you might want to do some Googling to find them. Basically, you need to write some custom Less (CSS) to change the styling of Squarespace's Image Caption Overlay on Hover effect. Ultimately, overriding Squarespace's default styling. Devon Stank @ Devonstank.com (Squarespace Tips & Tricks)
  8. There are many solutions out there (some good and some bad), but you might want to do some Googling to find them. Basically, you need to write some custom Less (CSS) to change the styling of Squarespace's Image Caption Overlay on Hover effect. Ultimately, overriding Squarespace's default styling. Devon Stank @ Devonstank.com (Squarespace Tips & Tricks)
  9. There are many solutions out there, but you'll need to do some Googling to find some "Squarespace Pricing Tables". Basically, you need to create a Code Block and have some Less (CSS) to handle the visual design of said HTML. Devon Stank @ Devonstank.com (Squarespace Tips & Tricks)
  10. Basically, I'm using a Code Block with custom HTML5 for the structure and CSS (LESS) for the styling. However, you could still make this happen on an Image Block with the caption set to overlay on hover and just use CSS to override the default styles. So, if you add a link in the caption you could style to look like a button. Below could be a good starting point to override the styles and get things in place for styling with CSS. .image-caption-wrapper { opacity: 0; text-align: center !important; top: 0 !important; &:hover, &:focus { opacity: 1; } .image-caption { left: 50%; position: absolute; top: 50%; width: 100%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); em { // Project Type Styles // } strong { // Project Title Styles // } a { // Project Link Styles // } } } Hope this helps and points you in the right direction. Devon Stank @ Devonstank.com (Squarespace Tips & Tricks)
×
×
  • Create New...