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?
Topic summary
A user is trying to create a custom Liquid section with additional policy links but cannot apply their theme’s font settings to it. The custom CSS they added overrides the theme settings, and they’re unsure how to integrate the theme’s font configurations.
Proposed Solution:
- Use the
fontfilter with theglobalobject to access theme font settings - Example code provided:
{% assign font_settings = global.settings | font: 'body' %} - This would allow applying the theme’s font family, size, and color to custom links
Current Status:
- The original poster attempted the suggested solution but couldn’t get it to work
- They plan to wait for Shopify developers to fix the issue on the backend
- Another user has encountered the same problem and is also unsure which theme files to edit
Unresolved: The discussion remains open with no working solution confirmed.
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:
Terms of Service
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.