missing custom.css file

Gorman_ni

hi, just got this up and running but for the life of me can’t find my custom.css file or figure out how to set one up correctly, i only have main.css in there. any help would be appreciated.

thedoorsfanatic

I am not an expert but I would name an empty text file to custom.css and put it in the css folder

sdetweil

@thedoorsfanatic right… to create the initial text file its

touch ~/MagicMirror/css/custom.css

then u can edit it…with your favorite editor

Mykle1

I just set up another laptop board. Used @sdetweil’s installer. Fantastic! Copied the main.css file and renamed it to custom.css. Done!

sdetweil

@Mykle1 but that is sorta heavy weight . cause now you are overriding every class defined in main.css…

Mykle1

@sdetweil

Well, I emptied the body and deleted everything else. Did I forget to mention that? :-)

sdetweil

@Mykle1 yes… easier just to do the touch thing… create an empty file… (for users just starting out)

Mykle1

@sdetweil

Yes. if you know about the touch thing. I did not. Now I do.

sdetweil

@Mykle1 or just editing and use save as

Mykle1

@sdetweil

Or, have a blank custom.css file added during installation. Easier for the users just starting out. ;-)

sdetweil

@Mykle1 true… easy peasy… done (in my script…)

Mykle1

@sdetweil said in missing custom.css file:

true… easy peasy… done (in my script…)

What a great idea! ;-)

This is why you are the king! :thumbsup:

BKeyport

FWIW, I wouldn’t put a “blank” custom.css…

I’d put at the top of main.css

/***********************
* Magic Mirror   
* Main CSS  
*
* Do not edit this file, make changes to custom.css instead. 
*
***********************/

and in custom.css

/***********************
 * Magic Mirror     
 * Custom CSS       
 *                     
 * Add your custom CSS here, for help, please go to http://forum.magicmirror.builders 
 ***********************/

sdetweil

@BKeyport main.css is owned by the project. Submit a pull request to update that.

The comment in custom.css does not add anything in my opinion.

BKeyport

I know that from a beginning user standpoint, having any user files point you to help would ease a lot of people. I’m just thinking of the person who heard of this project and decided to try it out because Pi’s are cheap, and it looked like a challenge (Me!) - I sure the heck didn’t know where I could get help at first, and have learned so much from here.

mmmmh

Sorry for resurrecting this but I think an empty custom.css should be part of the default install. There are errors in the console log when it is missing.

sdetweil

@mmmmh if you use the automated installer, it will create an empty file

mmmmh

@sdetweil Thanks for the hint. I installed it manually. I guess the assumption is if you know how to clone you also know how to touch. : )

sdetweil

@mmmmh well, there is no damage if its not there, so, if you need it, you will create it…

i agree with you it should be there… there are quite a few new users that are following some
guide, and get to the ‘edit custom.css file’ step and its not there and they are lost. and don’t know what to do.