Hide control panel on slideshow

[CraigReep]

Hi can somebody help me hide the controls of the slideshow at the top of my home page. I would like to remove the pause/ change controls under the slideshow of the gate images. Im on craft Theme and here the page link.

https://madetomeasurewoodengates.co.uk/

Thanks in advance

[Moeed]

Hey @CraigReep 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.slideshow__controls {
    display: none !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[sahilsharma9515 · Accepted solution]

Hi @CraigReep Please add the below code.

<style>
.slideshow__controls.slideshow__controls--top.slider-buttons.no-js-hidden {
    display: none !important;
}
</style>

Please follow the steps:

1. Login in shopify admin.
2. Click on the Online Store.
3. Then click on the button next to Customize in live Theme.
4. Click Edit Code.
5. Search theme.liquid in the code in left hand side in your theme.
6. Add the following code in the bottom of the file above </body> tag

Result:

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

Best Regards

Sahil

[websensepro]

Hi @CraigReep ,

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
.slider-buttons {
    display: none;
}
</style>

If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE.

Thanks!