Question about jquery.sceditor.css

[pulgoki]

Sorry if this is a newb question. I'm trying to play with a theme for a site. Everyone seems to like gaming style dark themes on my forum and there are none available for 2.1 at the moment. 

I'm trying to darken the edit box but I only want it to affect this specific theme.  Can the jquery.sceditor.css be copied in the the themes css folder without screwing anything up? And will that work? 

[shadav]

in your custom theme's index.template.css
find

Code Select Expand

    // load in any css from mods or themes so they can overwrite if wanted
    template_css();
replace with

Code Select Expand

    // load in any css from mods or themes so they can overwrite if wanted
loadCSSFile('jquery.sceditor.theme.css');
    template_css();
in your custom theme rename jquery.sceditor.css to jquery.sceditor.theme.css and edit at will 

i've added an attachment from my Negative theme for you if you want to take a look at it as I've been messing around making it dark

[pulgoki]

Thanks.  I've already looked through one of your themes.  You've indirectly been a lot of help to me in the last couple of days.    One of my questions were about all of those minified css things and I found one of your posts. I've been working using chrome developer tools and those were making it impossible to figure things out.


I'm by no means good at themes. I'm using a theme that was made by someone else and making slight modifications to make  some of my member happy.  That includes darkening that box.

The theme I'm playing with already has something in that area. Another newb question - Can I add 'another' loadCSSFile entry there?

[shadav]

yeah i was like what's up with all of the minified.css
https://www.simplemachines.org/community/index.php?topic=576224.0

so in your admin under configuration go to features and options and under general
uncheck the box for
Minimize CSS and JavaScript files

if your theme already has a sceditor in it's file you can use a program like winmerge to compare mine with theirs to see where we differ at to give you some ideas of what to change or how to change
really though your browsers inspect tool is your best friend when it comes to playing around with css
as you can make changes on the fly before committing to them in the file

as for adding more than one to the loadcssfile entry, yes
now I could be wrong but I would assume you would just add before or after where I placed

Code Select Expand

loadCSSFile('jquery.sceditor.theme.css');you'd just add yours before or after that
so

Code Select Expand

    // load in any css from mods or themes so they can overwrite if wanted
loadCSSFile('jquery.sceditor.theme.css');
loadCSSFile('YOUR CSS FILE NAME HERE');
    template_css();but I could be wrong on that
@Diego Andrés would be better suited to answer that one

*giggles* oh trust me I'm not good at it either, Diego helped a lot with ironing out my themes to be approved 

[pulgoki]

I was able to get the colors changed. I just wasn't sure what to do with the modified jquery.sceditor.css  I didn't want screw up all of the other themes so I guessed that I had to put it somewhere in the themes directory.

I did what you suggested on a test forum and it appeared to work fine.  I'll keep my fingers crossed until Diego Andrés  chimes in if he does.

I rely heavily on the developer tools.   I would be totally lost without them.

Thanks!

[shadav]

oh sorry i wasn't really clear there was I...
you would put your jquery.sceditor.theme.css into your custom theme's css folder and any other custom css files would go into that folder as well and then load them by adding them into your custom theme's index.template.css in that section to load custom css

Code Select Expand

// load in any css from mods or themes so they can overwrite if wanted

[pulgoki]

I do have another question.  Where do you edit the 'quick edit' editor?  I can get the background changed, and the over changed, until I activate the window. Then the text stays the color that I want it, but the editor goes back to a white background.

This was a bit of an oversight until today.

edit:  I found it.  I just had to look a little closer.