Tags not only for template colors

In /admin/html-code/ you can use tags in your CSS to be replaced with dynamically inserted values from /admin/templates-appearance/ in the resulting CSS. Tags only work in CSS directly inserted in the “Header”, “Footer” or “finished order” sections, not in the external CSS.

You can use the tags in all templates; see the table below for a complete list.

Tag Value
#COLOR_PRIMARY# Template colour 1
#COLOR_PRIMARY_HOVER# Template colour 2
#COLOR_SECONDARY# Conversion color
#COLOR_SECONDARY_HOVER# Conversion color after hovering
#COLOR_TERTIARY# Template colour 3
#COLOR_TERTIARY_HOVER# Template colour 4
#TEMPLATE_FONT# Text Font
#TEMPLATE_HEADINGS_FONT# Title Font
#HEADER_BACKGROUND_URL# Background image

Application example

<style>
    .myClass {
        font-family: '#TEMPLATE_HEADINGS_FONT#', sans-serif;
        color: #COLOR_PRIMARY#;
    }
</style>