Okay
  Public Ticket #907534
Which CSS Class is the menu text in One Page
Closed

Comments

  • Joffrey started the conversation

    Hey (Tahir ?),

    I would like to change the color of the text which appears when you click on the right dot to use the one page menu. I cannot find the css class with Firebug.

    I also would like to make the text desapear when I "touch" the dot with my mobile after like 1 or 2sec..? Is that possible..? 

    Thanks ! Your theme is evolving quickly and it's very interesting !

  •  3,028
    Andrew replied

    Hi Joffrey,

    Thanks for reaching out to us regarding this CSS query. 

    To change the text color of the tooltip, I'm going to ask that you add and save the following code to Salient > General Settings > CSS/Script Related > Custom CSS Code (after setting your desired color):

    /*tooltip text color*/

    .tooltip-inner span {
        color: white!important;
    }

    Regarding the requested behavior on mobile, this text isn't displayed on the mobile version of the site to begin with. It would have to be recoded for mobile and then the behavior could be added. 

    I hope this helps, 

    Kind Regards.

  • Joffrey replied

    Hey Andrew, 

    Thank you for your quick answer.

    It works well, but 2 things : 

    1. Is there a category that can be applied only on "dark" text and an other for light text ? Because I think this code will overwrite both of them
    2. Is  there a css class for the little stroke on the right of the text ? It stay black.

    For the mobile behavior, the text is not display as default, but when I clic on it, it appears and stay until I scroll. There is no quick tips to make it desappear after 1sec ? 

    Thanks you for all guys !

  •  3,028
    Andrew replied

    Hi Joffrey,

    Apologies for the late reply but your is behind a maintenance page. Could we have temporary admin access so that we can work on this.

    Thanks.

  •   Joffrey replied privately
  •  3,028
    Andrew replied

    Hi Joffrey,

    We could not come up with a good way to differentiate the tool tips with the set text color. What we could do is this:

    div#fp-nav li:nth-child(5) span {
        color: red !important;
    }

    This will pick the fifth tooltip and set the color to red.

    So now you will need one for each section added to that page. Its a bit of work but it will work.

    For the line bit to the right of the tool tip text use the following CSS to set the color:

    #fp-nav.transparent ul li .fp-tooltip .tooltip-inner:after {
        border-color: black !important;
    }

    As for the sharing icons there are also not differentiated between rows and you will need to set a one off color for them. Right now all your rows have text color option set to light.

    Hope you can work from there.

  • Joffrey replied

    Thank you so much Andrew. 

    I'll try to manage this by my own now. Thank you for all the time you spent on my request. I really appreciate it.

    Great theme, great team. Nice job guys.