Changing slideshow color down sense theme

Hello Guys,

I want to change the color below my slideshow into #0f0c12.

And remove the button play of the slideshow.

Someone can help me ?

Thank you in advance.

Hi @ChrisDaNova , can you share your store url?

https://b27d74.myshopify.com/?key=225ad07aa15dff5f4e4a340a00f09161e47fc2b16403931df3713a5fe7088d66&preview_theme_id=

@ChrisDaNova , Go to component-slideshow.css and add the following code :

slideshow-component:not(.page-width) .slider-buttons {
    
    background-color: #0f0c12 !important;
}

@ChrisDaNova , Add the following code to the same file :

.slideshow__autoplay.slider-button {
   
    display: none !important;
}

Love you :heart:

1 Like

Hi @ChrisDaNova

Check this one.

From your Shopify admin dashboard, click on ā€œOnline Storeā€ and then ā€œThemesā€.

Find the theme that you want to edit and click on ā€œActionsā€ and then ā€œEdit codeā€.

In the ā€œAssetsā€ folder, click on ā€œbase.css, style.css or theme.cssā€ file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.slideshow__controls.slideshow__controls--top.slider-buttons.no-js-hidden {
    background: #0f0c12 !important;
}
button.slideshow__autoplay.slider-button {
    display: none !important;
}

And Save.

Result:

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

Thank you bro :heart:

@ChrisDaNova , Glad I helped, feel free to contact me any time if you need help.