Divi-Engine/docs-layout-forms
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added styles for TYMCE code editor and buttons

Browse Source
This commit is contained in:
Pavak Paul 2023-07-20 21:25:21 +05:30
parent 1e5ccdc4a8
commit 634b4dde7c
1 changed files with 26 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
style.css
View File

@ -1,4 +1,5 @@
/* Style the TiniMCE editor */ /* Style the TiniMCE editor */
div.wp-editor-container { div.wp-editor-container {
border: none; border: none;
} }
@ -22,7 +23,7 @@ div.wp-editor-container {
border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px;
} }
/* Style the Add Media button */ /* TinyMCE Add Media button */
button.button.insert-media.add_media { button.button.insert-media.add_media {
background: #10b4b3; background: #10b4b3;
border-color: #10b4b3; border-color: #10b4b3;
@ -33,8 +34,31 @@ button.button.insert-media.add_media {
padding: 10px 20px; padding: 10px 20px;
} }
/* Text/Visual switcher buttons */ /* TinyMCE Text/Visual switcher buttons */
button.wp-switch-editor { button.wp-switch-editor {
padding: 13px; padding: 13px;
font-size: 15px; font-size: 15px;
}
/* TinyMCE Text tab styling */
.quicktags-toolbar.hide-if-no-js {
border-color: #10b4b3;
}
textarea.wp-editor-area {
border: solid #10b4b3;
border-width: 0 2px 2px 2px!important;
border-radius: 0 0 20px 20px;
}
/* TinyMCE editor buttons */
input.ed_button.button.button-small {
color: #10b4b3;
border-color: #10b4b3;
}
.mce-menu .mce-menu-item.mce-active, .mce-menu .mce-menu-item:hover {
background: #10b4b3!important;
} }