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

Custom styling for TinyMCE

Browse Source
This commit is contained in:
Pavak Paul 2023-07-19 18:53:30 +00:00
parent 070a029a2f
commit 1e5ccdc4a8
1 changed files with 40 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
style.css Normal file
View File

@ -0,0 +1,40 @@
/* Style the TiniMCE editor */
div.wp-editor-container {
border: none;
}
.mce-edit-area.mce-container.mce-panel.mce-stack-layout-item {
border: solid #10b4b3;
border-width: 0 2px 0 2px!important;
}
.mce-tinymce.mce-container.mce-panel {
border-radius: 0 0 20px 20px;
}
.mce-toolbar-grp.mce-container.mce-panel.mce-first.mce-last {
border-bottom: 1px solid #10b4b3;
}
.mce-statusbar.mce-container.mce-panel.mce-stack-layout-item.mce-last {
border: solid #10b4b3;
border-width: 0.5px 0 2px 2px!important;
border-radius: 0 0 20px 20px;
}
/* Style the Add Media button */
button.button.insert-media.add_media {
background: #10b4b3;
border-color: #10b4b3;
color: white;
font-size: 15px;
font-weight: 500;
border-radius: 100px;
padding: 10px 20px;
}
/* Text/Visual switcher buttons */
button.wp-switch-editor {
padding: 13px;
font-size: 15px;
}