Here are the codes in my child theme’style.css file. Where shall I put that?
/*
Theme Name: Celestial Lite Child
Theme URI: https://demo.styledthemes.com/celestial-free/
Description: Celestial Lite Child is created for you to take advantage of making changes to the parent theme of Celestial Lite without actually changing its files, you will do your customization from this child theme of Celestial Lite.
Template: celestial-lite
Version: 1.0
Author: StyledThemes.com
Author URI: http: //www.styledthemes.com/
Tags: light, white, three-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, translation-ready
License: GNU General Public License
License URI: license.txt
Copyright: 2012-2013 Styledthemes.com
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you’ve learned with others.
*/
/* Import Styles
————————————————————– */
@import url(‘../celestial-lite/style.css’);
/* Add your Bootstrap.css changes here
————————————————————– */
/* Add your forms.css changes here
————————————————————– */
/* Add your menus.css changes here
————————————————————– */
/* Add your style.css changes here
————————————————————– */
/* mobile styling
————————————————————– */
@media (min-width: 768px) and (max-width: 979px) {
}
@media (min-width: 1200px) {
}
@media (max-width: 979px) {
}
@media (max-width: 767px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}