Dawn - Announcement Bar - Background colour mismatch with arrows

Store Design
, ,
1

Hello,

I created two announcements that are on autorotate. After I added the second announcement, these two white bars showed up on either side of the announcements. Apparently they are arrows to move between announcements. So the arrow background is different to the announcement bar background.

How can I make it all one colour, or best of all remove the arrows?

2

Hi @Frieqe ,

Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

3

Hi @Frieqe

Would you mind to share your store URL? Thanks!

4

Hi! It’s barefootandfree.ae

5

Thanks for the info,

Check this one.

  1. From you Admin page, go to Online Store > Themes
  2. Select the theme you want to edit
  3. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
  4. Then place the code below at the very bottom of the file.
.announcement-bar-slider .slider-button {
    background: transparent !important;
}

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

6

It worked! Thanks so much!!