Change Quote Colors in .sceditor
2 posters
Page 1 of 1
Change Quote Colors in .sceditor
Technical Details
Forum version : #phpBB3Position : Administrator
Concerned browser(s) : Google Chrome
Who the problem concerns : All members
Forum link : http://llfmrpg.forumotion.com
Description of problem
Recently I changed the background color and text in the .sceditor via CSS and Javascript but came to realize I'll need more work done in Javascript to change the quote color and text in the .sceditor as well. The problem is I am not sure how it's done. Any assistance would be great, thanks!CSS
- Code:
/*Text in Editor*/
.sceditor-container {
background-color: #000000 !important;
}
.sceditor-container textarea{
color:#fff !important;
}
JavaScript
- Code:
$(function(){$(function(){$(".sceditor-container iframe").contents().find("head").append("<style>body,html,code:before,p,table{color:#FFFFFF!important;}</style>")})});
Last edited by Draxion on December 28th 2015, 4:59 pm; edited 1 time in total
Guest- Guest
Re: Change Quote Colors in .sceditor
Hey,
Change the JavaScript you posted above to this :
You should see an extra rule :
Change the JavaScript you posted above to this :
- Code:
$(function(){$(function(){$(".sceditor-container iframe").contents().find("head").append("<style>body,html,code:before,p,table{color:#FFFFFF!important;}blockquote{background:#333!important;color:#FFF!important;}</style>")})});
You should see an extra rule :
- Code:
blockquote{background:#333!important;color:#FFF!important;}
Re: Change Quote Colors in .sceditor
Works great! Thanks again, @Ange Tuteur.
Just one question... If I needed to change more background and text colors in the future like say Code or Spoilers, I simply add that to the <style> of the Javascript as if writing in CSS and then add the rule to the CSS sytlesheet, right?
Just one question... If I needed to change more background and text colors in the future like say Code or Spoilers, I simply add that to the <style> of the Javascript as if writing in CSS and then add the rule to the CSS sytlesheet, right?
Guest- Guest
Re: Change Quote Colors in .sceditor
Correct, the script itself appends a new stylesheet to the WYSIWYG iframe. It's a separate page, so the stylesheet will only affect the editor iframe. If you need to change more styles, all you need to do is add another rule to the script's stylesheet.
Re: Change Quote Colors in .sceditor
Topic solved and archived
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Similar topics
» SCEditor button icon change
» i want change this code to sceditor
» how can i change sceditor to this style
» Add and change buttons on sceditor
» Change default sceditor buttons
» i want change this code to sceditor
» how can i change sceditor to this style
» Add and change buttons on sceditor
» Change default sceditor buttons
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum