Jump to content

Help! Sliding banner issues!!

Recommended Posts

Can anyone help me?!  I created a site a few years ago and copied some code to create a sliding banner for my main home page at the top, it worked brilliantly.  I have duplicated the site and changed it around a bit but the banner isn't working the same.  I have taken all the coding out yet the banner is still working (?!) but now it is including ALL the sections on my home page which isn't what I want, I only want the top 3 sections to slide!!

I have tried the new auto banner within squarespace itself but I can't add extra images in and the ones I created adding the extra images in as a background are too blurry!!

I tried to add the code back in and it does state to only start with slide 1 and end with slide 3 but it is still including all the slides!!

I am NOT an expert with code I just googled codes to add in to the site as I went...

Any help very much appreciated thanks!!!

Link to comment
  • Replies 5
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

On 4/15/2024 at 7:17 PM, Tinxy7 said:

Edit Homepage > Edit Top Section > I think you will see a Code Block > Edit it > Paste code here, we can check easier.

But I guess in the Code Block you will see a number 5 (if you see this, change it to 3 and check again)

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
<script>
  let wmSlider = [{
    staticFirst: false,
    startingSection: 1,
    endingSection: 3,
    sliderTime: 6,
    autoSliderOn: true,
    playPause: true,
    sliderDots: true
  }];
</script>
<script src="https://assets.codepen.io/3198845/WMSlider6520v2-7.js"></script>
<link href="https://assets.codepen.io/3198845/WMSlider6520v2-2.css" rel="stylesheet">

 

This is what is in the 'header' section??

Link to comment
On 4/21/2024 at 10:22 PM, Tinxy7 said:

<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
<script>
  let wmSlider = [{
    staticFirst: false,
    startingSection: 1,
    endingSection: 3,
    sliderTime: 6,
    autoSliderOn: true,
    playPause: true,
    sliderDots: true
  }];
</script>
<script src="https://assets.codepen.io/3198845/WMSlider6520v2-7.js"></script>
<link href="https://assets.codepen.io/3198845/WMSlider6520v2-2.css" rel="stylesheet">

 

This is what is in the 'header' section??

No. I meant you edit Homepage (access your edit mode > click Homepage > You will see an Edit button, click it to edit Homepage) > Edit First Section > You will see a Code Block

Send all code in Code Block, we can check easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.