Hi There,
- Can you please tell us how to restyle the bg for the tooltips site wide?
Currently it's dark grey and we have changed the theme colour but the tooltips are still showing with your old colour!
- How to force the dropdown to show quizzes, units, questions etc, we do not want to have to type 4 characters to get the right one. Please see attached screenshot.
Thank you
1) You can use this css in your appearance->customize->custom css:
.field_wrapper a.tip {color:#000;}
2) This is not possible. We have added this to cut the load on the server and for faster results. The dropdown select will work fine only for smaller websites but for large website it will put much load on the server and the site could stop working or hang because of this. So to avoid this we have added this type of search and it cannot be changed.
Hi, I have copied the CSS you included in the customizer and I changed the #000 to our colors but no change!
Please check your css and let us know what should we do.
Kind regards, Adenino
Well it works fine at our test setup, refer:
http://prntscr.com/atndgh
You can try adding important, like this:
.field_wrapper a.tip {color:#000 !important;}
If this also does not work then share the site url and the credentials to see this page.
PS: Please mark your reply as private while sharing the credentials.
Dear Latiyan, the screen shot you provided does not show a tooltip content!
You simply showing me the css colour style.
Please refer to the screen shot that I attached to this reply to see what we mean.
Only the ? with the circle have changed colour to what we want but the actual content of the tool tip is still showing in a dark grey background.
Try to change the background colour of the actual tooltip content and resend the css with a screenshot.
Best regards, Adenino
Apologies for misunderstanding.
You can use this custom css:
.field_wrapper label .tooltip.top.fade.in .tooltip-inner {
color:#000;
background:#fff;
}
You can change the background and the color both.
Thank you, it worked, but now we still have the little triangle showing with the old colour, how to change it?
best regards, Adenino
Use this custom css for the arrow:
.field_wrapper label .tooltip.top.fade.in .tooltip-arrow {
border:#fff;
}
the arrow is not showing at all now!
are you sure you gave us the right css style for the arrow?
Remove the above css and use this css instead:
.field_wrapper label .tooltip.top.fade.in .tooltip-arrow {border-top-color:#ff0000;}
Hi Latiyan, thank you, it's working now. However, it did not change all tool tips site wide!
See attached a screen shot please. When in all courses the tooltip it still having a dark grey background. How do we change this too to be like the other tooltips we just changed?
Kind regards, Adenino
for this remove .field_wrapper label from the previous css and it will work site wide.
like: .tooltip.top.fade.in .tooltip-arrow {border-top-color:#ff0000;}
Thank you, all good now.
In order not to keep writing back and force to you.
How can we change your colour from #313b3d to #000 using the custom css?
So that we can then replace all colours ourselves to what ever we need.
Kind regards,
Adenino
Please clarify from where you want to change this color.
Many major color settings are given in theme customizer, For particular page you will need to specify specific classes on that page to change the color.
Hi Latiyan
You are right most of them are done, except these three, and I think they are widgets customisation, please see the 3 attached screenshots.
1. Course Category
2. Advanced Search
3. Courses Stats
Three of them are widgets that we need to change them to blue, and then we are done.
I must salut you for your positive attitude towards your customers and your constant support.
Best regards
Adenino
.
