Anyway to customize the editor?

by Guest January 11th 2014, 11:38 pm

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

So yea any help?

by Ange Tuteur January 12th 2014, 12:16 am

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.

by Guest January 12th 2014, 1:15 am

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.

by Ange Tuteur January 12th 2014, 1:24 am

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

by Guest January 12th 2014, 1:29 am

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!

by Ange Tuteur January 12th 2014, 1:38 am

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

by Guest January 12th 2014, 1:49 am

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.

by Ange Tuteur January 12th 2014, 2:11 am

You can try this :

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

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

by Guest January 12th 2014, 2:37 am

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

by **SLGray** January 12th 2014, 4:50 pm

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

Also add it to the top of the stylesheet.

by Guest January 12th 2014, 6:49 pm

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

by **SLGray** January 12th 2014, 7:25 pm

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

by Guest January 12th 2014, 10:24 pm

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

by Ange Tuteur January 13th 2014, 9:39 pm

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

by Guest January 14th 2014, 2:51 am

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. Razz