Jump to content

mary1

Circle Member
  • Posts

    4
  • Joined

  • Last visited

Everything posted by mary1

  1. I am using the brine template 7.0 and am trying to accomplish the attached hover action. How can I do this? see attached screen video. thank you! 29140491-F2D8-4270-85D1-8BDA5A349B83_2_0_a.mov
  2. Site URL: https://www.jennyandjulie.com My page slider pop-up on my site has suddenly stopped working. attached video is how it should work. Below is the code. I can't figure out why it stopped working. Any help would be greatly appreciated. Thanks!! <div class='overlayNav'> <div class='wrapper'> <div class='contentsWrapper'> <div class='text1'>JENNY FRANTZ</div> <div class='text2'>PROPERTIES</div> <div class='linkWrapper'> <div class='linkWrapperShell'><a href='' class='link1'><p></p></a></div> <div class='linkWrapperShell'><a href='' class='link2'><p></p></a></div> <div class='linkWrapperShell'><a href='' class='link3'><p></p></a></div> </div> </div> <div class='close'>X</div> </div> </div> <script> $(function(){ //assigning links var link1 = $('.Header-nav--primary .Header-nav-folder-item:eq(0)').attr('href'); var link2 = $('.Header-nav--primary .Header-nav-folder-item:eq(1)').attr('href'); var link3 = $('.Header-nav--primary .Header-nav-folder-item:eq(2)').attr('href'); var link1text = $('.Header-nav--primary .Header-nav-folder-item:eq(0)').html(); var link2text = $('.Header-nav--primary .Header-nav-folder-item:eq(1)').html(); var link3text = $('.Header-nav--primary .Header-nav-folder-item:eq(2)').html(); $('.link1').attr('href', link1).html(link1text); $('.link2').attr('href', link2).html(link2text); $('.link3').attr('href', link3).html(link3text); //open $('.Header-nav-folder-title:contains("My Listings")').addClass('customFolder').click(function(){ event.preventDefault(); $('.overlayNav').addClass('show'); $('.wrapper').addClass('down') }) //close $('.close').click(function(){ $('.overlayNav').removeClass('show'); $('.wrapper').removeClass('down') }) }) </script> CSS //first image a.link1 { background:url(https://static1.squarespace.com/static/5b1ac5ddec4eb7e0e7036276/t/5e1f8a49fb9b6a14dc632380/1579125321937/Image-Block-1+overlayed.jpg) center no-repeat; background-size: cover; width: 90%; left: 0%; } //second image a.link2 { background:url(https://static1.squarespace.com/static/5b1ac5ddec4eb7e0e7036276/t/5b55e8d0575d1f8f7c1e87db/1532356816889/Image-Block-2.jpg) center no-repeat; background-size: cover; width: 90%; left: 5%; } //third image a.link3 { background:url(https://static1.squarespace.com/static/5b1ac5ddec4eb7e0e7036276/t/5e3247b01e28eb2e4b0caaa8/1580353456804/IMAGE-OVERLAYS-3.jpg) center no-repeat; background-size: cover; width: 90%; left: 10%; } custom slider.mp4
×
×
  • 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.