I need to customize the css to use in my child themes in a multisite installation.
1) If I copy the css folder inside the folder of one of my child-themes, the files of the css folder are not read and no modification on the files inside the folder is applied.
2) If instead I copy the files of the css folder directly into the folder of one of my child-themes, and then manually modify the files, the file main.css copied in this folder is not read but is read that of the original Kalium theme folder and consequently I loose the changes with each theme update.
3) Lastly, when I personalize the theme using the Theme Options function, the manual changes made to the css files are overwritten by the default settings.
1. If you don't overwrite the css file in the same path as in parent theme then it won't affect the original css file of the theme for example if you create /assets/css/ folder inside kalium-child theme then the assets/css/main.css will still be loaded.
2. Contrary to answer #1 this means that you already overwrite theme files which is not recommended. If you want to modify theme style simply overwrite with your custom CSS, you don't need the whole file to modify.
3. May I know which changes are overwritten? If you hav modified main.css file then the problem could appear because of changes of main css file.
I understand the point here, the main.css can be loaded from kalium-child/assets/css/main.css however this is not recommended because we always change main.css and your site style will be broken in the future if you use the old file.
Apart from this you always you need to modify the CSS file which will be very annoying in the future. Instead you can use our own Custom CSS feature to simply override CSS colors, for example if you want to change menu item color simply copy the CSS selector and add your own color:
Hello,
I need to customize the css to use in my child themes in a multisite installation.
1) If I copy the css folder inside the folder of one of my child-themes, the files of the css folder are not read and no modification on the files inside the folder is applied.
2) If instead I copy the files of the css folder directly into the folder of one of my child-themes, and then manually modify the files, the file main.css copied in this folder is not read but is read that of the original Kalium theme folder and consequently I loose the changes with each theme update.
3) Lastly, when I personalize the theme using the Theme Options function, the manual changes made to the css files are overwritten by the default settings.
How should I proceed with these three problems?
thanks a lot
Hi cvanzetti,
1. If you don't overwrite the css file in the same path as in parent theme then it won't affect the original css file of the theme for example if you create /assets/css/ folder inside kalium-child theme then the assets/css/main.css will still be loaded.
2. Contrary to answer #1 this means that you already overwrite theme files which is not recommended. If you want to modify theme style simply overwrite with your custom CSS, you don't need the whole file to modify.
3. May I know which changes are overwritten? If you hav modified main.css file then the problem could appear because of changes of main css file.
I hope this will help you.
Hi Arlind,
Thank you for your reply.
I need to do customizations such as color change of buttons, menus, links and more, to do that
1) in "Theme Options" I have disabled the "Custom Skin Builder" option,
2) then I copied the "assets" folder from the original theme to the child-theme folder,
3) finally, I made changes in child-theme/assets/css/main.css,
The result is that the main.css file of the original theme is still loaded and not the one edited in child-theme/assets/css/main.css
How can I solve?
Thank you
Hi cvanzetti,
I understand the point here, the main.css can be loaded from kalium-child/assets/css/main.css however this is not recommended because we always change main.css and your site style will be broken in the future if you use the old file.
Apart from this you always you need to modify the CSS file which will be very annoying in the future. Instead you can use our own Custom CSS feature to simply override CSS colors, for example if you want to change menu item color simply copy the CSS selector and add your own color:
https://d.pr/v/0TxrEy
Does this work for you?