How can I add a black arrow to my scroll on the Dawn theme?

[chocolatte1234]

Hi I was wondering that instead of having like a scroll that shows half the object on the right. Is it possible to maybe add like a black arrow on the right? If so, any help on how to do that would be appreciated!

I’m using Dawn theme with shop link: https://6fa09b.myshopify.com/

[GemPages]

Hello @chocolatte1234

It’s GemPages support team and glad to support you today.

You can follow these steps:

1. Go to Online Store → Theme → Edit code

2. Open your base.css file and paste the following code below:

.collection .slider-buttons{
  display: flex;
  position: absolute;
  width: 100%;
  justify-content: space-between;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
}
.collection .slider-buttons .slider-counter{
  display: none;
}
.collection .slider-button .icon{
  height: 15px;
}

If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team

[BSS-Commerce]

Hi @chocolatte1234

We just checked on your site and saw that the CSS has hidden the arrow part:

To show it again you can do the following:

1. Go to Themes => Online Store => Edit code


• Find the file “base.css” line 3005

• Fix “display: none;” to “display: block” then save file:

• If you want the arrow to the right position like this, it can’t be done.

We checked in the Customize section of the Dawn theme, there is no such setting.

I hope the above solution can help you!

[chocolatte1234]

I see! Thank you!