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

Webswool

Circle Member
  • Content Count

    13
  • Joined

  • Last visited

  1. Site URL: https://wearenativ.squarespace.com/home-page Hello! I'm making a featured gallery using several summary blocks (as I want to be able to change the images featuring in the gallery based on tags). Because I'd like the product title and price to be visible on a mouse-hover, I've made 'title' and 'excerpt' visible for my galleries. However, doing this has knocked my once beautiful spacing between images out of whack in the wall-summary gallery (photo attached). Would love to be able to reduce the horizontal space between the images in my wall summary block so they match the rest of the gallery! Any help would be wonderful. Thanks!
  2. Ah I know but as I've got the code working, I'd rather figure out the tweak to customise it rather than start from scratch with another plugin!
  3. Anyone know how to tweak this so that the revealed text goes downwards instead of being revealed upwards? More like an accordion?
  4. Hey, did you have any luck with this??
  5. Ah. Things are still looking a bit hinky on a tablet -
  6. Thanks - that worked perfectly. Really appreciate it.
  7. Thanks so much Tuanphan but where are you seeing that CSS? It's not in the custom CSS box that I can see.
  8. Site URL: http://wearenativ.com I've recently taken on a client (http://www.wearenativ.com) and I've noticed that when moving from desktop to a mobile device half of the footer text disappears. If reappears when I work on it, and I've been working through the custom CSS (from previous developers) but I haven't been able to find the culprit. It's probably something really simple that I'm missing but it's got me a little bit perplexed! Have attached images for reference. Any help would be hugely appreciated.
  9. Hi, I've used the following to create a logo image that only moves when the viewer hovers over the image: (I inserted my still image as an image block and then entered this code in the custom CSS editor) //Creating the gif image .sqs-image .sqs-image-content::after { background-image: url('https://ADD THE URL OF YOUR UPLOADED GIF HERE.gif'); background-position: absolute; background-repeat: no-repeat; background-size: 100%; content: ''; height: 100%; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; } //Hover mode .sqs-image .sqs-image-content:hover img { opacity: 0; } .sqs-image .sqs-image-content:hover::after { opacity: 1; } So in your case you'd need to upload the thumbnail/still image for each, then target these when applying the code one by one so that each of your gifs is attached to a specific image block. (replace .sqs-image .sqs-image-content each time for the #id)
×
×
  • Create New...