Jump to content

How to remove/hide controls on a slideshow

Go to solution Solved by threadsonline,

Recommended Posts

Hi,

I am trying to remove/hide the controls on my slideshow which is the first section on my home page. Previously I have changed the controls from arrows to circles, but now I just want the controls hidden completely. I have tried this code but no luck: 

.gallery-slideshow-controls {
  display : none;
  }

An important thing to note is that I have a code injection making the slideshow move automatically, so I am not sure if this is affecting the custom css.

Thanks!

Link to comment
  • Replies 3
  • Views 1k
  • Created
  • Last Reply

Top Posters In This Topic

  • Solution
On 5/22/2024 at 8:55 AM, tuanphan said:

Can you share link to homepage?

Hi Tuan,

I have now sorted this myself, no need to worry!

 

Here are the codes I used if anyone was wondering:

// Hide slideshow controls on Desktop
.desktop-arrows.arrow-container{
  display : none;
  }


// Hide slideshow controls on Mobile
.mobile-arrow-button.mobile-arrow-button{
  display : none;
  }

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.