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

nickleb

Member
  • Content Count

    13
  • Joined

  • Last visited

  1. Site URL: https://mango-harmonica-5r95.squarespace.com/new-gallery-1 Hi! I recently transitioned over from the York family template to the Brine template. I am trying to create a stacked grid gallery with 1 image per row with a parallax effect. This is the exact look I'm trying to recreate (from the York template - original website): https://www.nicolemok.me/grants-gov On my current website, it is in a slideshow format: https://mango-harmonica-5r95.squarespace.com/new-gallery-1 I tried another method where I managed to at least make each image into a full size image bl
  2. Hi! Yes I just noticed my careless mistake. Oops! I changed it on my Squarespace site so now it does work but no matter what I change the transition timing to, it moves at the same speed. I changed it from 275ms ease to 5ms ease and it's still the same? It's super slow and I'm not sure what I'm doing wrong! Thanks @tuanphan My code on Squarespace is the same with the updated h4 tag: <head> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css"></head> <body> <center><h4 class="
  3. Site URL: https://mango-harmonica-5r95.squarespace.com/aboutme#selected-works Hi! I'm trying to increase the padding between images under 'Selected Works.' I tried using this code: #collection-5f603ea84986ef4676be98e6 .sqs-block-summary-v2 .summary-thumbnail-container { padding-right:30px; } However, I end up seeing the wavy blue line animation at the top of the page now behind these images. Help is appreciated. Thanks!
  4. @tuanphan i also need your assistance with this! I'm trying to add this background image on just the first page. My site: https://mango-harmonica-5r95.squarespace.com/aboutme The background img I'm trying to add: The code I tried: #collection-5f603ea84986ef4676be98e6 { #outerwrapper { background-image: url ("https://static1.squarespace.com/static/5f603d4e4b828967694aafaa/t/5f726ba250082d6ceeee7293/1601334178675/backgroundshape_png.png"); background-position: center center; background-size: cover; background-attachment: fixed; background-r
  5. Site URL: https://mango-harmonica-5r95.squarespace.com/aboutme Hi there, My code seems to work on codepen for the hover effect (changes to the blue color). But when I input it on my website, I get everything except the hover/color change effect to work. Here's my code: https://codepen.io/nickleb/pen/yLOrORo Thanks!
  6. Site URL: https://mango-harmonica-5r95.squarespace.com/aboutme Hi there! I am wondering how I keep the first 'section' of my website responsive across different browser sizes. Example website: https://juliusguevarra.tk/ When I minimize or maximize the browser, his site always stays on the first section. I would like to do the same with my site (included a screenshot of what I want the first section to be). So not until the user clicks on 'View my work' would the site scroll down to the next section, 'Selected Works'). However, when I minimize/maximize the browser, the section cha
  7. Thank you so much @creedon ! I so so appreciate your help and the explanation as well. Thank you!
  8. Correct, I would like the code on just one page. Can you teach me how you were able to get it on that page? Thank you so much for your help!
  9. Site URL: https://mango-harmonica-5r95.squarespace.com/home-1 Hi. I have been attempting to add codepen background animations to my squarespace site and I am really struggling. I have read documentation on adding the CSS & JS as a code block with the <script></script> and <style></style> tags. I have also attempted to convert SCSS to CSS. And making sure I link any external style sheets. I have read through so many answers and can't figure out what I'm doing wrong! I've tried adding multiple animations and I keep failing. Can someone please provide some insight on
  10. thank you. also i noticed this code moves the entire navigation menu down and i can't seem to figure out how to not make that happen.
  11. Hi there! Just wondering where would I insert code if I wanted to change the color of the line animation? So if I wanted it to go from green to blue?
×
×
  • Create New...