Just wondering how I can change the arrow and close icons for Fancybox lightbox and for the theme “Slidable” sliders.

Cheers,

You can use the “Inspect Element” functionality of almost all modern browsers when viewing the fancybox to see what CSS is used on the mentioned elements and then override this css with your custom css. All mentioned elements use background images (actually just one “sprite” image containing all elements).

E.g.:

Each background is then positioned perfectly to show the necessary part of the sprite. Feel free to change it as you need.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

I’ve managed to change the FancyBox arrows and close elements by chaning that sprite.

What about the Arrows on the Theme Slidables and Back to Top button??

It was rather hard to find even when using Inspect Element =(.

Where/ how can I change these?

Cheers

These are made using the iconic font from Fontello. These are generated via the Fontello Plugin. This is why it is hard for you to find it.

The code is generated in the following file:
wp-content/themes/no8/assets/frontend/js/main.js

On line 1454 you can find this code:
navigationText: ['<span></span>', '<span></span>'],

you can change it however you need.

To change the back to top button icon, you will have to change the css “content” property of its “:before” pseudo-element.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market