As the title says it can you edit it(excluding color) Unless it's this part: http://prntscr.com/2ijbcx

So yea any help?

Hi Ace700,

You can edit mostly any part of the editors style by using CSS.

For the buttons you can use :

Code:

.sceditor-button { background:red !important; }

There was also new options added to the colors for editing the textarea and toolbar color of the editor.

Thanks for the reply. What about the floating when you highlight?
I would do this stuff.. But I don't understand where the ids are located hence the name sceditor.

If you wanted to change the hover color you would have to add the :hover pseudo class to your selector :

Code:

.sceditor-button:hover { background:blue !important; }

Ange Tuteur wrote:If you wanted to change the hover color you would have to add the :hover pseudo class to your selector :

Code:

.sceditor-button:hover { background:blue !important; }

Noo I didn't want to allow hover. But I think it's the same idea. Thanks!

What exactly was it you wanted to do ? I didn't really understand your explanation.

Ange Tuteur wrote:What exactly was it you wanted to do ? I didn't really understand your explanation.

Well when you hover over it raises up.

You can try this :

Code:

.sceditor-button:hover { position:relative; bottom:3px; }

The button will move up 3px when you hover over it.

Ange Tuteur wrote:You can try this :

Code:

.sceditor-button:hover { position:relative; bottom:3px; }

The button will move up 3px when you hover over it.

Yea that didn't work sorry. Maybe this pic will help?

http://prntscr.com/2ikyu4

Code:

    .sceditor-button:hover { position:relative !important; bottom:3px !important; }

Also add it to the top of the stylesheet.

Still not working. I just want it when you hover on it, it wont raise up. Similar to the forumotion one on here.

Please post (use the code tags) here all the CSS that is related to the editor in your stylesheet.

Code:


/*Editor*/
.sceditor-button:hover { position:relative; bottom:0px; }
.sceditor-button { background:transparent !important; }


Oh, I see what you mean now. We had a problem similar to this before.

Try adding this to your CSS :

Code:

.sceditor-button:hover { height:20px !important; }

Ange Tuteur wrote:Oh, I see what you mean now. We had a problem similar to this before.

Try adding this to your CSS :

Code:

.sceditor-button:hover { height:20px !important; }

Problem solved. I'd of thanked this but thanked the previous one xP.