Navigation arrows color

Hi John,

Thank you for using Master Slider.

Yes, you can change the style of arrows by navigating Slider Settings -> Slider custom styles and add the below codes to the text box:

.ms-skin-default .ms-nav-next:after, .ms-skin-default .ms-nav-prev:after {
    content: '';
    border: solid #5fc7c1;
    border-width: 0 3px 3px 0;
    display: block;
    padding: 10px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.ms-skin-default .ms-nav-next:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev {
    background: none !important;
}

You can change #5fc7c1 to your desired color. Also, you are able to change the border-width or padding to increase/decrease the size and width of the arrows.

If you want any further information, please feel free to ask.

Best,
Averta

• This reply was modified 8 years ago by averta support.

Perfect as always, many thanks!

You are very welcome.

If you are satisfied, please give Master Slider a review. We would greatly appreciate it.

Best,
Averta

Hello,

Finally, after checking this CSS, it doesn’t seem to work good enough.
This code doesn’t modify the default arrows fill color but it draws new ones that aren’t of equal dimensions. They draw a “L” that is rotated but that doesn’t look like an arrow..

Isn’t there no other way to change the fill color of existing arrows?

Thanks.

Hi John,

Could you please provide me with the link of your website, so I will check out the arrows and give you the most appropriate code.

Waiting to hear from you.

Best,
Averta

Is it possible to send it by email?
because the site is still under dev.

@averta_support Please, right now, ask @averta to make your account a plugin contributor for this plugin.

Posting email addresses is questionable when it’s not validated that you have anything to do with this plugin besides your user name. I’d archived your email address.

Any news about my issue?

@jdembowski

Hi,

Sorry about that and thanks for mentioning it.
I asked them for it and they will do it in next two days.

Best,
Averta

Are you planning to ever answer my question or should I find another solution?
Thanks.

Hi John,

Sorry for my belated response. I’ve answered your questions, but I think it’s deleted.

Anyway.

Please save the image of the arrows after inspecting the slider.
( https://YOURWEBSITE.ml/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-1.png )
In the Adobe Photoshop you can change the color of the arrows.
Save the new image and add it somewhere to your theme.
Then add the code in Custom CSS.

Let me know the result.

Best,
Averta

Thanks, will try this but doesn’t seem to be very simple.
It would have been much better if you had a plugin option for that but never mind.

FYI I initially replied to the email address you provided here before your post was removed by the moderator.

Hi John,

It is simple. You can try it and if you encounter any problem, let me know.

Our dev team is working on some option about that.

Yeah I received your email and realized why you want to change the colors.

Best,
Averta

OK, thanks!