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 !
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.
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
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 ?
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.
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 !
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.
Hey Andrew,
Thank you for your quick answer.
It works well, but 2 things :
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 !
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.
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.
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.