I am using ckfinder for ckeditor in asp.net mvc.
I want to change font of context menu in ckfinder, but I can't inspect that in chrome to find css code.
How can I do this?
Asked
Active
Viewed 147 times
0
Majid Basirati
- 2,665
- 3
- 24
- 46
-
Did you try to open dev tools on CKFinder popup window - it will have separate dev tools because it is a new window. – jodator Oct 06 '15 at 09:39
-
@jodator : Yes, when I open dev tools in popup window, context menu is closed. – Majid Basirati Oct 06 '15 at 09:42
1 Answers
1
Assuming that you are using CKFinder 2.x this requires some browsing through the DOM.
- Open dev tools on popup
- Open DOM inspector (Elements tab)
- Browse to the iframe that holds contents of the CKFinder
- Collapse whole
div#ckfinderthat is just inside body of that iframe - After opening a context menu you'll notice a node below
div#ckfinderlike this:<div class="cke_skin_kama skin_kama cke_compatibility">..</div>
That div is holding contextmenu. To show it just disable CSS style display: none.
You'll need to update skins/kama/uipanel.css to change .cke_skin_kama .cke_menuitem a definition.
jodator
- 2,445
- 16
- 29