Jump to content

kellijayne

Circle Member
  • Posts

    71
  • Joined

  • Last visited

  • Days Won

    1

kellijayne last won the day on August 23 2019

kellijayne had the most liked content!

Personal Information

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

kellijayne's Achievements

  1. Site URL: https://defendprogram.squarespace.com/ I know it's possible with CSS on 7.1 but not sure about 7.1 Fluid Engine... the CSS I'm finding isn't working The top banner image focal points are to the far left AND right (not in the center). If I could get it to display like it does on desktop my client would be incredibly happy SITE: https://defendprogram.squarespace.com/ PW: Defender Thank you in advance for any help with this Cheers, Kelli
  2. It's not perfect but it's close! To see the latest update for this Add a new section to your page (blank") Add a background image then choose "EDIT SECTION" Click on "background" Scroll to "Image Effects" Click the thumbnail... second one down on the right Click on the "adjust" little icon on right below thumbnail Click PARALLAX - make sure angle is set to "90", you can also adjust the intensity PRESTO! we all now have Parallax!
  3. tuanphan!!!!! You solved yet another issue. Seriously, I cant thank you enough! now if you just had a solution for parallax 😜
  4. Hi Amanda, SquareSpace did an update, which they do often. Many of us designers add CSS or custom code to get a little more out of the generic templates... for me it's parallax and menu dropdown arrows to show a dropdown exists... those SHOULD be standard on this platform. Squarespace does NOT support custom code or CSS, so if you add it, you take the risk of this happening. I have 21 sites on 7.1 with this code integrated, about 75% of them still work and for some reason 25% don't, which I have to go back and adjust all the styling and add the standard background image animations, which are so lack luster but they are better than nothing
  5. Site URL: https://shaferrealestate.squarespace.com/ How to add font awesome down arrow to dropdown menu / folder ? I was using CSS with a down carrot but suddenly yesterday it stopped working (yesterday, Squarespace did some sort of update that conflicted with my parallax code inject AND the down arrow) Here's the CSS I was using // Style Arrow Dropdown Menu .header-nav-item.header-nav-item--folder a.header-nav-folder-title:after { font-family: FontAwesome; content: "\f0ab"; padding-left: 4px; } Also I had this in the header <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet"> <style> I would like to use the circle down arrow <i class="fa-solid fa-circle-arrow-down"></i> Site I'm currently building out https://shaferrealestate.squarespace.com/ PW: Shafer
  6. @tuanphan apparently it was the parallax code i've been using on several of my 7.1 sites (fluid engine as well). Its still working fine on "most" of my 7.1 sites, but this one it really effected including styling issues! Here's one of my sites where that same code is working perfectly www.LostIsle.com Here is the site I'm currently building out where suddenly yesterday it stopped working (I've since removed the code and am using the default background animations. NOT NEAR AS COOL AS PARALLAX!!!!!!!!!!!!!! https://shaferrealestate.squarespace.com PW: Shafer HERE IS THE CODE: (placed in footer) <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script><script src="https://cdn.jsdelivr.net/parallax.js/1.4.2/parallax.min.js"></script> <script> $('.has-background:not(:has(.sqs-video-background))').each(function() { var findImage = $(this).find('.section-background img'); var imgUrl = findImage.data('src'); var dimensions = findImage.data('image-dimensions'); var imgWidth = dimensions.substr(0, dimensions.indexOf('x')); var imgHeight = dimensions.substr(dimensions.indexOf('x') + 1); $(this).parallax({ imageSrc: imgUrl, naturalWidth: imgWidth, naturalHeight: imgHeight, speed: 0.5, }) }); document.getElementsByTagName("body")[0].onresize = function() { setTimeout(function() { jQuery(window).trigger('resize').trigger('scroll') }, 100) }; </script> <style>.has-background{background-color:transparent!important}.has-background .section-background{background-color:transparent!important}.has-background .section-background img{visibility:hidden!important}.has-background.background-width--inset{margin:4vw;padding:0!important}.has-background.background-width--inset:not(.content-collection):not(.gallery-section) .section-background{top:0!important;right:0!important;bottom:0!important;left:0!important}</style> <style>
  7. Hi @tuanphan thanks so much for chiming in. I removed the code and the icons appear, paste the code back and the icons disappear 😞 I wish I could figure this out. It's definitely the best parallax I have found for 7.1
  8. Several of my clients have jumped to WIX because of this!!!! The so called NEW 7.1 "TILT" feature is not even close to a parallax feature. I have since found a code inject for Parallax but it has caused a few issues with social icons disappearing. I can only imagine how many SquareSpace designers have asked for them to implement Parallax. It's Ridiculous!
  9. Site URL: https://bensfriendsofthevine.squarespace.com/ I've used this code an several sites and it works brilliantly! For some reason on this particular site, the social icons disappeared today, they were working fine yesterday! SITE: https://bensfriendsofthevine.squarespace.com/ PW: Ben Here is the code: (Settings/Advanced/code Injestion - placed in footer) <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script><script src="https://cdn.jsdelivr.net/parallax.js/1.4.2/parallax.min.js"></script> <script> $('.has-background:not(:has(.sqs-video-background))').each(function() { var findImage = $(this).find('.section-background img'); var imgUrl = findImage.data('src'); var dimensions = findImage.data('image-dimensions'); var imgWidth = dimensions.substr(0, dimensions.indexOf('x')); var imgHeight = dimensions.substr(dimensions.indexOf('x') + 1); $(this).parallax({ imageSrc: imgUrl, naturalWidth: imgWidth, naturalHeight: imgHeight, speed: 0.5, }) }); document.getElementsByTagName("body")[0].onresize = function() { setTimeout(function() { jQuery(window).trigger('resize').trigger('scroll') }, 100) }; </script> <style>.has-background{background-color:transparent!important}.has-background .section-background{background-color:transparent!important}.has-background .section-background img{visibility:hidden!important}.has-background.background-width--inset{margin:4vw;padding:0!important}.has-background.background-width--inset:not(.content-collection):not(.gallery-section) .section-background{top:0!important;right:0!important;bottom:0!important;left:0!important}</style> <style> THIS IS WHERE I FOUND THIS AWESOME CODE! Credit to: https://schwartz-edmisten.com/blog/how-to-add-parallax-to-squarespace-7-1
  10. Site URL: https://www.shaferrealestate.net FYI... If ANYONE is interested in doing this integration (paid obviously) hit me up, i'll hire you! I'm Rebuilding a site for my client. She is currently on WordPress and I'm rebuilding on SS 7.1 Her current site: www.shaferrealestate.net. In addition to the listings on the home page I would need to create this page as well Click here to see her Listing Page On her home page, you'll see the home listings towards the bottom of the page, this is what I'll need to add to her new site She is using BAREIS IDX. I assume I would need to embed the links provided from BARIES (example below) I cant seem to get it to show up on a test page (on my own site) EMBED LINK: https://rebareis.rapmls.com/scripts/mgrqispi.dll?APPNAME=ReBareis&PRGNAME=MLSLogin&ARGUMENT=8asoUeXWyR69g5w0nIrSLHWh8Zq4gC0p7mZGTOkt9Q8%3D&KeyRid=1&MLS_Origin=BARI This is also just a list view and doesn't have an option to display a grid view like on her website Here is the instructions the BAREIS provided to add the IDX feeds https://bareis.com/root-documents/forms/forms-1/idx-forms/2151-using-the-bareis-mls-idx-links-from-rapattoni/file.html Anyone have experience with this - OR- would like a small project integrating? Kelli kelli@kjdesignpro.com
  11. Site URL: https://www.webuyuglyhouses.com I have a client in need of a 2 part / 2 page address validation form Check out sample sites of what I'm looking to do below Basically... the home page has a 1 field form (ENTER YOUR STREET ADDRESS) Upon submission, it takes you to a 2nd form (new page) with name, address, phone & email -> submit EXAMPLE SITES WITH THIS FEATURE: https://www.webuyuglyhouses.com/ https://www.brothersbuyhomes.com/ https://sundae.com/ I HAVE ALSO ATTACHED - Upon submission of the 1st page form - 2nd page form examples Anyone know of a plugin like this? Or a simple code inject? (I'm not a programmer, so looking for a simple solution). Client is willing to pay for plugin.
  12. Has anyone figured out an answer to this besides Zapier??? My clients often complain!!!
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.