Change site title & menu text color depending on the background image of fullscreen-carousel

---

Hi

I have been searching in the forum for info on how to change the site title & menu text color when you have a fullscreen carousel like I have at danielballesta.com, depending on the color of the image it is displaying.

As you can imagine in the images that have a dark background I would like to display both site title & menu text on white and viceversa.

Could you help or point me at the right direction to get that done?

I have been trying diferent solution at different links in the forum like the one below, but some of them are outdated and don't work anymore,

http://laythemeforum.com:4567/topic/694/different-menu-color-for-each-slide-on-fullscreen-slider

thanks in advance :) you guys are doing a great work!!

Unfortunately the site at danielballesta.com is not reachable…

It should be some kind of error but it is online, at least I can access now, and some friends too

Dear @Crossbow92
on the fullscreen slider it is easy. The slide number will be in the body tag. Like in the Forum link…
For the fullscreen carousel it is way more complicated and will involve some proper coding.

You are familiar with jQuery?

Best!

Marius

Hi again!

As I am not familiar with Jquery I just bought the Fullscreen slider add-on. Still have some problems to get that done. I inserted this code and still not working, but it should right?:

body.fp-viewing-0-0 .sitetitle-txt-inner span{
color: white;
}
body.fp-viewing-0-0 .primary a{
color: white;
}

danielballesta.com

Can I have some light on this?

Thanks in advance <3

Dear @Crossbow92
Have a look with this custom code:

.fp-viewing-0-9 .menu-item span {
    color: red !important;
}

Best!

Marius

it works! thank you so much Marius

Dear @Crossbow92
sweet! Happy to hear!

Best!

Marius