Problems with editor

Hello, everyone. I have a problem with editing text editor, because I would like to change its colors, but unfortunately after saving them I don't save my settings and I still see white boxes. I'm asking for help. I'm giving my css code downstairs, maybe I actually did something wrong.
My forum have phpbb2.

Code:

.sceditor-container iframe, .sceditor-container textarea {
    background: #9aa8b0;
    border: 0;
    color: #111;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 13px;
    margin: 5px;
    outline: 0;
    padding: 0;
    resize: none;}

.sceditor-container {
    -moz-background-clip: padding;
    -moz-border-radius: 4px;
    -webkit-background-clip: padding-box;
    -webkit-border-radius: 4px;
    background: #7d8a95d4;
    background-clip: padding-box;
    border: 3px solid #1e2431a3;
    border-radius: 4px;
    color: #222;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    position: relative;}

div.sceditor-toolbar {
    -moz-background-clip: padding;
    -moz-border-radius: 3px 3px 0 0;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-background-clip: padding-box;
    -webkit-border-radius: 3px 3px 0 0;
    -webkit-user-select: none;
    background: #4d5a6ae8;
    background-clip: padding-box;
    border-bottom: 4px solid #1e2431b5;
    border-radius: 3px 3px 0 0;
    line-height: 0;
    overflow: hidden;
    padding: 3px 5px 2px;
    user-select: none;}

div.sceditor-group {
    -moz-background-clip: padding;
    -moz-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -webkit-border-radius: 3px;
    background: #a4aeba;
    background-clip: padding-box;
    border-bottom: 2px solid #1e2431b0;
    border-radius: 3px;
    display: inline-block;
    margin: 1px 5px 1px 0;
    padding: 1px;}

Hello I think i see your problem

if you look at your colour's you have

Code: #1e2431b0

if you count the numbers you have 8 the code should have no more then 6 >>

Code: #369fcf

so try and change them to 6 numbers and letters

also you have some settings as "0" you should put none or 0px "0" on it's own can mess things up

And if I wanted to do it, on a transparent shade of this colour, how about then? Because when I do in the browser console I noticed that when I change the transparency of the color it makes me one number forward, but it doesn't make me rgb (value of numbers).?

maybe this will help you https://www.w3schools.com/css/css3_colors.asp

Did you try changing the colors of the editor in the color tab before using the CSS?

I use this to fade colours

Code: opacity: 1;

Oy,
Is this what you meant to have?

That is what you should have but it's looking a little strange it should look a little like our's but then again if you are making change then you make it look how you like it to be

mSyx wrote:Oy,
Is this what you meant to have?

Yes

You have to force your CSS so it overrides the default CSS. This can be done by adding !important on each property or by adding global containers, such as body {

Code:

body .sceditor-container iframe, body .sceditor-container textarea {
    background: #9aa8b0;
    border: 0;
    color: #111;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 13px;
    margin: 5px;
    outline: 0;
    padding: 0;
    resize: none;}
 
body .sceditor-container {
    -moz-background-clip: padding;
    -moz-border-radius: 4px;
    -webkit-background-clip: padding-box;
    -webkit-border-radius: 4px;
    background: #7d8a95d4;
    background-clip: padding-box;
    border: 3px solid #1e2431a3;
    border-radius: 4px;
    color: #222;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    position: relative;}
 
body div.sceditor-toolbar {
    -moz-background-clip: padding;
    -moz-border-radius: 3px 3px 0 0;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-background-clip: padding-box;
    -webkit-border-radius: 3px 3px 0 0;
    -webkit-user-select: none;
    background: #4d5a6ae8;
    background-clip: padding-box;
    border-bottom: 4px solid #1e2431b5;
    border-radius: 3px 3px 0 0;
    line-height: 0;
    overflow: hidden;
    padding: 3px 5px 2px;
    user-select: none;}
 
body div.sceditor-group {
    -moz-background-clip: padding;
    -moz-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -webkit-border-radius: 3px;
    background: #a4aeba;
    background-clip: padding-box;
    border-bottom: 2px solid #1e2431b0;
    border-radius: 3px;
    display: inline-block;
    margin: 1px 5px 1px 0;
    padding: 1px;}

Problem solved & topic archived. Please read our forum rules: ESF General Rules

If this is not solved then Please feel free to PM me with the link to this topic and i will reopen it