Docs

[CEDRIC]

Hello,
I make a new website with theme X and I have a menu (with transparent background) with black text color… but with some images of my under slider (revolution) I need to have a white text color in the menu. I looked for a insert JS into each slide but I don’t find.
Can you help us or refer to a solved topic?

Thank you very much

[Lely]

Hi There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[CEDRIC]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for the URL. Your Menu have white background and can’t see such issue as you mentioned. Would you clarify a bit with a screenshot?

Cheers!

[CEDRIC]

The menu have white background when you scroll.
See in attachment the native state.

You see what i mean?

[Rupok]

Hi there,

Thanks for clarifying. You can’t change the menu color according to the images in revolution slider since there is no relation between them. However you can set white color when the background is not white.

.x-navbar:not(.x-navbar-fixed-top) .desktop .x-nav > li > a {
  color: #fff;
}

Hope this helps.

[CEDRIC]

Thank for that but it is not really my problem.
Forget the menu with white background. Let it on top, so with transparency background.

In my slider, I have some image with dark background and some with light background.
When the background is dark, I want the color text menu in light
and when the background is light, I want the color text menu in dark.

In Javascript I suppose.

thanks

[CEDRIC]

Thank for that but it is not really my problem.
Forget the menu with white background. Let it on top, so with transparency background.

In my slider, I have some image with dark background and some with light background.
When the background is dark, I want the color text menu in light
and when the background is light, I want the color text menu in dark.

In Javascript I suppose.

thanks

[Rupok]

Hi there,

Thanks for writing back. It would be same as the above answer. What you can do is use different text layer for different slides with different colors. It’s not simply possible to change the text color depending on the changed background image.

Cheers!

[CEDRIC]

Hi,

It’s not for layer on slide but it is for the menu (with transparent background). And the menu don’t depend of slider revolution background.
I can imagine a behaviour for each slide : if “this slide” is load, colorTextmenu=”light” (for example).

It is more understandable?

Thanks

[Paul R]

Hi,

You can add this under Custom > Edit Global Javascript in the Customizer.

jQuery(document).ready(function($){
    $(window).scroll(function(){
     if ( $(this).scrollTop() == 0) {
          $('.x-navbar').removeClass('x-navbar-fixed-top');
     }
   }
}

Hope that helps.

[CEDRIC]

Hi,

My english should be very bad… sorry.
We can not understand each other.So I made an image in attachment in order to be much understandable. I hope.
Thanks

[Paul R]

Hi,

We can add some transparency to your navbar to make it more visible.

body.home.x-navbar-fixed-top-active .x-navbar-wrap .x-navbar {
    background: rgba(255,255,255,0.5);
    margin-top: 0;
    padding-top: 20px;
}

Hope that helps.

[CEDRIC]

YepI know but my client don’t want this.
She want a transparent background menu because it’s greater for a luxury hostel.

So, any solutions to do this?

Ideally, I thought to a javascript field in settings panel for each slide of the slider revolution :
if “this slide” is load, colorTextmenu=”light” (for example)

[Paul R]

Hi,

It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding. Take care!

[Author]

Posts