Hello!
I’ve created a custom footer section as well as a custom style asset for said footer. The custom footer is showing up on every page of the website, which is good. However, I cannot figure out how to apply the style asset to the custom footer (I have literally no experience coding and have just been following youtube tutorials.) There are a couple lines at the bottom of the custom footer file that say
{% stylesheet %}
{% endstylesheet %}
{% javascript %}
{% endjavascript %}
I feel like I am supposed to reference my custom style asset somewhere in there but I have no clue how or if that’s even the right way to do it. I was able to copy/paste the style code into the ‘custom css’ part of the theme editor on the custom footer section, but it exceeds 500 characters so I can’t do it that way.
Any help would be greatly appreciated!
Hi @wen-industries welcome to the shopify community.
well you can add your custom style by using below methods
1- add direct style to your custom footer file
2- create a code snippet file inside your theme file called cusotm style.liquid and copy your entire custom style inside that file after that include that file inside your custom footer
inside your custom footer file use this → {% render ‘custom-style’ %}
hopefully your issue will be resolve. in case not please get back here.
thanks
Hi @Liquid_xPert_SJ ,
Thanks for your reply! I tried copying the custom style code into a snippet file and using {% render ‘custom-style’ %} in the footer file, but it doesn’t seem to be working. I tried putting it in a few different places as I am not sure where I am meant to put it in the footer file, but it just displays the code in the footer rather than applying the style to the section.
Thanks again
1 Like
Hello again,
I tried just adding the style directly into the custom footer section file and that ended up working.
Thank you for your help!
