Change Quote Colors in .sceditor

Technical Details

Forum version : #phpBB3
Position : 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>")})});

Hey,

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;}

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?

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.

Okay, thank you very much!