How can I remove arrows from my announcement bar?

Store Design
,
1

Hey,

does someone know how i can remove these 2 arrows from my announcement bar? Would be dope!

harDnut_0-1686414429571.png

1 Like
2

Hi @Anonymous ,

Would you mind to share your URL website? (with password if its protected)

Thanks!

3

Hey,

https://gadget-daddy.com/

There you go

1 Like
4

Thank you for the information.

Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “theme.css, styles.css or base.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:
  4. And Save.
slideshow-component.announcement-bar.page-width button {
    display: none;
}
2 Likes
5

it worked. you are a G. thank you very much. I also have another open question about the slideshow. check my profile if you are interested in helping me there as well.

6

Welcome, Happy to help. :blush:

Sorry I didnt get what you me to help about the slideshow. You have Dawn Theme, if you like to add more designs in your store you can visit us. Thanks!

7

Hello, I am using the DAWN theme.
I’m adding the indicated CSS code but it doesn’t work.
Your help please.
CP 000855.png

2 Likes
8

Hi, It wont work on the different website. Would you mind to share your store URL website? Thanks!

1 Like
9

Hello, this is my website:

https://querubinaccesorios.myshopify.com/

Thank you very much for your help.

1 Like
10

Try this one then.

  • 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:
button.slider-button.slider-button--prev {
    display: none;
}
button.slider-button.slider-button--next {
    display: none;
}
7 Likes
11

Thank you very much, everything is excellent. I am very grateful.

12

thank you so much. it worked

13

Could you do it for perfectdiecast.com? thanks

14

Hi @dconthebay

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:

button.slider-button {
    display: none;
}

And Save.

Result:

Made4uoRibe_0-1717869002571.png
Made4uoRibe_0-1717869002571.png1534Ă—192 58.6 KB

15

Joseph2_0-1728602957740.png

Joseph2_1-1728602987318.png

hey, would you be able to do mine at all too? for some reason its fine on the homepage however when i click on my product the arrows move to the center and have a white circle around them which is annoying. the link is https://portaskis.myshopify.com/ password for my store is: ok

16

Hi @Joseph2

Did you already manage to solve this issue?

17

yup have solved it now thanks