LogoLogo
Online GuideTutorials & GuidesNewsNetset PDB
English (original)
English (original)
  • Welcome
  • Online Guide
    • Dashboard
      • Supplier Status Widget
      • Purchase Orders Widget
    • Orders
      • Orders
      • Purchase Orders
      • Create Combined PO (EOL)
      • Invoices
      • Uncompleted Orders
      • Returns
      • PunchOut - ADD-ON
    • Products
      • Products
      • Bundles
      • Focus Assortments
      • List of Products
      • Suppliers
      • System Suppliers
      • Supplier Import Logs
      • Manufacturers
      • Product Range Limitations
      • Product Range
      • Product Variations
      • Supplier Import Filters
      • Flags
      • Top Sellers
      • Warehouses - ADD-ON
      • Weight
      • Product Forms - ADD-ON
      • Product Notification
      • 1WorldSync SKU
      • Configurators
        • Aurdel Cable Guide
      • Expired Products
      • Product Option Groups - ADD-ON
      • Product Options - ADD-ON
      • Asset Inventory - ADD-ON
    • Shipping & Delivery
      • Shipping Matrices
      • Delivery Options
      • Delivery Sites
      • Category Settings
      • Supplier Settings
      • Geographical Areas
      • Shipping Test
    • Marketing
      • Promotion Items
      • Promotion Pages
      • CMS Pages
      • Front Page Sections
      • Menus
      • Page Footer
      • Page Header
      • Vouchers
      • Mail Forms
      • Documents (EOL)
      • Search Linking
      • Image Overlays
      • Additional Product Text - ADD-ON
      • Product Tags
    • Categories
      • Categories
      • Category Groups
      • Business Area - ADD-ON
      • Accessories
      • Product Menu Settings
    • Pricing
      • Price Logics
      • Rounding
      • Price Level Naming
      • Fixed Price Editor (EOL)
      • Fixed Price Lists
      • Price Logics Groups - ADD-ON
      • Bids
      • Price Test
      • Global Bids - ADD-ON
      • Cost Price Strategies
    • Customers & Users
      • Customers
      • Users
      • Customer Groups
      • Customer Segments - ADD-ON
      • Administrators
      • Sales Teams - ADD-ON
      • Resellers
      • Permission Profiles
      • Merge Customers
      • Single Sign on - ADD-ON
    • Payment Options
      • Payments
      • Payment Option Groups
      • Payment Providers
      • Taxes
      • Currencies - ADD-ON
    • Quotes
      • Quotes
      • Quote Requests
      • Quote Templates
    • Email
      • Email log
      • Mail Lists
      • Grabbed Emails
      • HTML Email
      • Email Templates
      • Mail Server
      • DKIM
    • Imports
      • Imports
      • Order Imports - ADD-ON
    • Exports
      • Exports
      • Single Object Exports
        • XML Sales Order
        • XML Purchase Order
      • Products Exports - ADD-ON
    • Statistic
      • Login Statistics
      • Active Users
      • Sales Statistics
      • Retailer Statistics
      • Product Statistics
      • Customer Group Statistics
      • Customer Statistics
    • Settings
      • Settings
        • 1WorldSync Logo Services
      • Admin Settings
      • Contact Info
      • Cookie Banner
      • Countries
      • Domains
      • Extrinsic Fields - ADD-ON
      • Files
      • Form Editor
      • Google Analytics
      • JavaScript
      • Languages - ADD-ON
      • Next Invoice Number
      • Next Order Number
      • Notifications
      • Order History Search
      • Order Status
      • PDF
      • Password Policy
      • Responsive Profile
      • Search Tuning
      • Translations
    • End of Life Features
      • Newsletter Email
      • Templates for Newsletters
  • Tutorials & How-to
    • Authentication and Security
      • 2-Factor Authentication
      • SPF Setup Instructions
      • DKIM Setup Instructions
      • reCAPTCHA Setup Instructions
    • Workflow and Process
      • Approval Process
      • Exports
      • Imports
      • Log in as an Customer/User
      • Setting up a Discount Using "Discount on General Price".
      • Project Database, PDB, Onboarding Manual
      • Dynamic HTML - ADD-ON
    • Techical Setup
      • Avalara Tax Calculator Setup Instructions
      • Google Analytics 4 Setup Instructions
      • URL Setup Instructions
    • Product Management
      • Alternative Products
      • Lists of Products - LOP
      • Focus Assortment
      • Setting up Display Categorys - ADD-ON
      • Asset Inventory - ADD-ON
    • Tips and How-to
      • How a Product is Identified in Nettailer.
      • How to benefit from Extrinsic fields & Product form.
      • Test order Delivery to ERP-Integration?
      • Keyboard Shortcuts for Administration Users
      • Markup vs Margin
      • Address Handling
      • Order Status
      • Using "Privacy Mode"
  • Explore add-ons for Nettailer
    • Orders
    • Products
    • Marketing
    • Categories
    • Pricing
    • Customer & Users
    • Payments
    • Quotes
    • Integrations
    • Settings / Other
  • Current Suppliers
  • Security & Accessibility
    • Accessibility requirements
  • News
    • Nettailer release 25.1
    • Nettailer release 25.0
    • Nettailer release 24.6
    • Nettailer release 24.5
    • Nettailer release 24.4
    • Nettailer release 24.3
    • Nettailer release 24.2
    • Nettailer release 24.1
    • Nettailer release 24.0
    • Archive
      • Webinar March 20th 2024
Powered by GitBook

Netset AB

  • Adelgatan 9
  • 211 22 Malmö
  • Sweden

Project database (pdb)

  • >> Create a support ticket

Get in touch

  • netset.com
  • support@netset.com
  • +46 40 20 88 00

Copyright © 2025 Netset AB all rights reserved.

On this page
Export as PDF
  1. Online Guide
  2. Settings

Responsive Profile

Last updated 5 months ago

BOLT-ON

This section is only visible in Nettailer StandAlone and Drive solutions.

In this section, you can create various responsive profiles. For guidance and tips on editing this area, please reach out to our support team.

Setting
What it does

Font

Color

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 bar

Background colour for the header bar (the are araound the company logo, search bar and login /checkout 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.

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:

  1. Visit Google Fonts: Go to .

  2. Choose a Font: Browse and select the font you want to use.

  3. Select a Style: Choose the desired font style.

  4. Get the Embed Code:

    • Click on the <> Embed Code option.

    • Copy the code provided under “Embed code in the <head> of your HTML”.

  5. Create a JavaScript File:

    • Paste the embed code into a JavaScript file.

    • Ensure this JavaScript is correctly added to your Nettailer store.

  1. Copy the font-family value; see example below.

  1. Insert the copied font-family value in the responsive profile as a font and save.

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
Google Fonts