News:

Want to get involved in developing SMF, then why not lend a hand on our github!

Main Menu

Post/Reply & BBC Background

Started by Shades., December 20, 2021, 07:48:13 PM

Previous topic - Next topic

Shades.

Where in the css do I change the white background to a dark background like in my screenshots below?
ShadesWeb.com - Custom Logos - My Themes on SMF | My Themes on ShadesWeb
https://shadesweb.com

BikerHound.com - Sniffing out the road ahead
https://bikerhound.com

Dream as if you'll live forever; Live as if you'll die today. - James Dean

shadav

in the theme you are using/css/jquery.sceditor.css (or if it's using the default theme's just remember editing the default theme's will make any other theme using the default on ;) like that)
find
div.sceditor-toolbar
change the background and border-bottom

find
.sceditor-container iframe, .sceditor-container textarea
change the background
then don't forget to change the color to something light so you can read the text

find
.sceditor-container
change the background and border

Sesquipedalian

#2
This hasn't been added to the documentation yet, but a better option than changing the jquery.sceditor.css file itself is to create a new file named jquery.sceditor.theme.css in your theme's css folder, and then add your custom CSS for the editor to that. SMF 2.1 will automatically detect and load jquery.sceditor.theme.css if it exists, and any CSS rules in that file will override those set in the base file.
I promise you nothing.

Sesqu... Sesqui... what?
Sesquipedalian, the best word in the English language.

Shades.

Quote from: shadav on December 20, 2021, 09:33:53 PMin the theme you are using/css/jquery.sceditor.css (or if it's using the default theme's just remember editing the default theme's will make any other theme using the default on ;) like that)
find
div.sceditor-toolbar
change the background and border-bottom

find
.sceditor-container iframe, .sceditor-container textarea
change the background
then don't forget to change the color to something light so you can read the text

find
.sceditor-container
change the background and border
Thank you!
ShadesWeb.com - Custom Logos - My Themes on SMF | My Themes on ShadesWeb
https://shadesweb.com

BikerHound.com - Sniffing out the road ahead
https://bikerhound.com

Dream as if you'll live forever; Live as if you'll die today. - James Dean

Shades.

Quote from: Sesquipedalian on December 21, 2021, 02:34:49 AMThis hasn't been added to the documentation yet, but a better option than changing the jquery.sceditor.css file itself is to create a new file named jquery.sceditor.theme.css in your theme's css folder, and then add your custom CSS for the editor to that. SMF 2.1 will automatically detect and load jquery.sceditor.theme.css if it exists, and any CSS rules in that file will override those set in the base file.
Cool I'm gonna give that a go too! 8)
ShadesWeb.com - Custom Logos - My Themes on SMF | My Themes on ShadesWeb
https://shadesweb.com

BikerHound.com - Sniffing out the road ahead
https://bikerhound.com

Dream as if you'll live forever; Live as if you'll die today. - James Dean

Advertisement: