Arrows On Slider

This topic has 5 replies, 2 voices, and was last updated 3 years, 6 months ago by Aizaz Imtiaz Awan.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
October 6, 2021 at 11:52 am #323396

Andrewslabbert
Participant

Good day.

I would like to visually emphasize the arrows on the sliders of my website.
Is there a way I can add a circle behind the arrows so that it’s easier to see?

Please view ‘Current Arrow.png’ & ‘current arrow 2.png’ to reference which arrows I am referring to.

And please view ‘arrow.png’ to reference what I would like to do to the arrows.

Perhaps there is some custom CSS I can add.

Thanks a ton!
You guys are fantastic!

Attachments:
You must be logged in to view attached files.

October 6, 2021 at 12:47 pm #323413

Aizaz Imtiaz Awan
Keymaster

Hello,

Please provide the URL of the website to check it myself and help you out accordingly.

Best Regards

October 6, 2021 at 12:48 pm #323414

Andrewslabbert
Participant

Inserted.

October 6, 2021 at 1:02 pm #323420
Aizaz Imtiaz Awan
Keymaster
Hello,

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.
```
.wd-btn-arrow {
    background: blue;
    padding: 10px;
    border-radius: 50px;
}
```
Best Regards
October 6, 2021 at 1:36 pm #323434

Andrewslabbert
Participant

Yes! Looks great.

Could we change the arrows to white instead of black?
Also, could we add some space between the arrows and the widget? (as they are currently touching)

Attachments:
You must be logged in to view attached files.

October 7, 2021 at 5:56 am #323545
Aizaz Imtiaz Awan
Keymaster
Hello,

Please try and replace the previous Custom CSS with the following.
```
.wd-btn-arrow {
    background: #DDB860;
    padding: 20px;
    border-radius: 50px;
    margin: -20px;
    color: white;
}
```
Best Regards
Author

Posts