Responsive Profile
In this section, you can see and change some of the settings for your responsive profile in frontend. For guidance and tips on editing this area, please reach out to our support team.
Font
The name of the custom font you wish to use. Ensure the font is uploaded to the store (Settings → Files). For detailed instructions on using the font tool, please refer to Font handling
Color (HEX)
Base
Background colour of the menu.
Base text
Text colour of the menu.
Button
Background colour of buttons.
Button, hover
Background colour of buttons when hovered.
Button text
Text color of buttons.
Header text
Text colour for tesxt in the header bar.
Footer
Background colour of the footer.
Footer text
Text colour of the footer.
Files
Logo
The image you would like to show as logotype in your site header.
Extra CSS
You may upload any additional CSS file. This will merge with the standard CSS.
Buy button text
Buy button text
The text you want to show in the Buy button. Character length is limited to 18 to minimize impact on styling.
Buy button text display option
Choose here how you want the text to appear.
Configuration button text
The text you want to show in the Configuration button. Character length is limited to 18 to minimize impact on styling.
Configuration button text display option
Choose here how you want the text to appear.
Other
Style for "Clear all filters" button
Choose here how you want this button to look like.
Font handling
Using Web-Safe Fonts
A font will only display correctly if it exists in the user's browser, which is why it’s considered best practice to use web-safe fonts (these are typically available in all browsers).
In the Font section under [Settings → Response Profile], you can specify a priority list of fonts. If the first font in the list is unavailable in the user's browser, the next font will be attempted, and so on.
Example: 'Verdana', 'Tahoma', 'Comic Sans MS'.
Using Google Fonts
Google offers a wide range of fonts under the “Open Font License,” which can be used in Nettailer. However, Google Fonts need to be downloaded by the client browser to function properly. To ensure compatibility, you can include a web-safe font as a fallback in case the Google Font fails to load.
Example: 'Londrina Shadow', 'Verdana'.
How to Enable Google Fonts in Nettailer:
Visit Google Fonts: Go to Google Fonts.
Choose a Font: Browse and select the font you want to use.
Select a Style: Choose the desired font style.
Get the Embed Code:
Click on the
<> Embed Codeoption.Copy the code provided under “Embed code in the
<head>of your HTML”.
Create a JavaScript File:
Navigate to JavaScript editor: Settings > Javascript
Click the "Create" button
Paste the embed code into a JavaScript file.
Ensure this JavaScript is correctly added to your Nettailer store.
Copy the font-family value; see example below.
Insert the copied font-family value in the responsive profile as a font and save.
Last updated