To make these kind of changes to your site requires you to make changes to your CSS and / or html and php.
Before you do anything else…
Make a backup of your site!!
- Use FTP to backup the files.
- Make sure to also backup your database.
- Don’t make any changes to a theme itself. Instead make the changes to a childtheme. Should the author of your original theme update the theme, your changes will not be overwritten. Your site with your adaptations will remain intact.
Suggestion: use the ‘one click childtheme plugin’.
- Installed the childtheme? Now activate it.
Check if things look ‘normal’.
- Use FTP to access the files of your site and it’s childtheme.
- Use NOTEPAD++ or proper EDITOR [not wordprosessor] to edit css and php.
- Make the changes in the CHILDtheme!
– copy php files / css-file(s) of the original theme [as required] to the childtheme directory and edit them as required.
Next: Create a childtheme
I know but the problem is there is not a file in the theme titled dark.css
Yes, there is – it’s here:
BUT, as suggested above, do not make changes to that file – you can put changes in a Child Theme or custom CSS section to override those styles you want to change.
A browser tool like Firebug will show you the CSS code you need to put in the custom CSS to make the changes.
But it is not listed in the editor on my dashboard. Any suggestions?
Try using a browser tool such as Firebug or Chrome developer tools to find the CSS code (from that file) that you want to change – copy that CSS to the custom CSS and change it there.
I have done that with chrome and what I’m trying to tell you is that there is a stylesheet.css but there is not a dark.css.
I know what you mean – see the link above – that’s where the file is located (inside a folder called css).
Thanks for the help. I love the theme but if I can’t edit dark.css then I’ll have to find a new theme to use
files in sub-folders are (usually) not editable from the apperance – editor;
@w.P. Ginfo has already suggested the general way of doing it.
possibly use a custom css plugin (for instance the custom css part of ‘jetpack’) to add the new styles to overwrite whatever you want to change in dark.css
Thanks guys. Used a custom css plugin and my issue is solved
- The topic ‘dark.css’ is closed to new replies.