Remove dots and arrow under slideshow for DAWN THEME?

Store Design
,
1

HI!

I would like to remove the dots & arrow as per below photo from a slideshow in DAWN theme ( as this is my header & looks silly). I have found code that has been provided however, does not appear to work.

.slideshow__controls.slideshow__controls–top.slider-buttons.no-js-hidden {
display: none !important;
}

Does anyone have any other coding ideas that work in Dawn?

Thank you so much!

RC94_0-1723094441414.png
RC94_0-1723094441414.png948×157 93.4 KB

2

Hi @RC94 ,

Could you please try the below code in your theme.css

.slideshow__controls.slider-buttons.slideshow__controls--border-radius-mobile {
  display: none;
}

If it is not working, please share the store link and password. We will check it and let you know the solution.

I hope this helps! If it does, please like it and mark it as a solution!

If you need further assistance, feel free to reach out!

Regards,

Sweans

3

Apologies for the late response. This code didnt work on the CSS or in the theme.liquid code.

my store is

Charlie Helena Collection- Mum & Babe Outfits |Accessories | Boho Rugs – Charliehelenacollection

No password .

Thank you

4

Hi @RC94 ,

Could you please add the code below to your theme css file.

#shopify-section-template--23195429404950__slideshow_nwGxgw .slider-buttons {
  display: none;
}

Result:-

Sweans_0-1723612556455.png
Sweans_0-1723612556455.png1920×891 194 KB

If it is not working, please share the store access with us in a direct message by clicking on our profile. We will check it and fix it ASAP.

I hope this helps! If it does, please like it and mark it as a solution!

If you need further assistance, feel free to reach out!

Regards,
Sweans

1 Like
5

THANK YOU SO MUCH! IT WORKED!