How to configure theme custom code settings?

1\ navigate to your admin panel 2\ to the left, click on "settings" 3\ then, click "theme" 4\ there are three sections in theme settings let's understand "custom code" 5\ custom css allows you to override the existing code on your website & application by rendering codes inside "your code" 6\ next, click on "custom html head" under custom html 7\ custom html allows you to override the existing code on your website & application to make changes in header by rendering codes inside "your code" 8\ now, click on "custom html footer" under custom html 9\ custom html allows you to override the existing code on your website & application to make changes in footer by rendering codes inside "your code" 10\ lastly, click "save" 11\ the theme custom code settings is successfully configured 12\ now you can configure the "theme header & footer" section inside theme settings