Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
Hi. I'm creating a custom liquid with additional links to policies I want to include on my site. However, the theme settings have no effect on it. I added code to change the font colors and size to the custom liquid, but that overrides the main theme settings. I am not sure how to go about this. How do I add the theme font settings to the custom liquid so it's cohesive?
hello there
To ensure that your custom liquid file uses the same font settings as the rest of your theme, you can include the theme's font settings in your liquid file.
One way to do this is to use the font
filter with the global
object. Here's an example of how to use it to get the font settings for the body text:
{% assign font_settings = settings.global | font: 'body' %}
You can then use the font_settings variable to set the font family, size, and color for your custom links. For example:
<a href="/terms-of-service" style="font-family: {{ font_settings.font_family }}; font-size: {{ font_settings.font_size }}px; color: {{ font_settings.color }};">Terms of Service</a>
i am not sure if i'm doing this correctly. but i couldn't get it to work. i'll just wait until shopify developers have this issue fixed on the back end.
Hey, were you able to solve this issue? I have the same problem and am not sure what theme files to edit to make it work.