Siteoly Docs
  • Siteoly
  • Create Website
    • Getting started
    • Layout basics
  • How To
    • How to create a new project/website?
  • Card Designs
    • Box Horizontal
    • Box Vertical
    • Box Vertical Modern
    • Box Vertical Wave
    • Box Simple
    • Box Square
    • Modern
    • Circles
    • See all designs
  • Sheets - Getting started
    • Basics
    • Site Settings
    • Default Settings
    • NavBar
    • Header
    • Body
    • Body-Cards
    • Filters
    • Body-Text
    • Detailed Pages
    • Footer
    • Other Settings
    • Advanced Settings
    • Playground
    • Dont Edit
  • Integrations
    • Google Analytics
    • Crisp chat
    • Drift chat
    • Intercom
    • Pop up
    • How to add EngageBay form to header in homepage?
  • Sample websites
    • Modern Blog Sample
    • Sample 1
    • Sample 2
    • Job Board
    • Podcast Sample
    • Restaurant Sample
    • Real Estate Best Places
    • Product List
    • Affiliate Sample
    • Blog Sample
    • Pinterest Sample
    • Instagram Gallery Sample
    • Youtube Sample
    • Events List
    • Marketplace
    • App Listing
    • Nomad List
    • Books List
    • Modern List Sample
  • Basics
    • How does search bar work?
    • How to add more than 4 tags for cards?
    • How to turn off the search bar display on home page?
  • Advanced
    • Embed external Javascripts and CSS
    • How to connect to a custom domain?
    • How to add video to Detailed Pages?
    • How to use Google fonts?
    • Setting Pagination Size (cards per page) for cards display
    • List of CSS classes for custom CSS
    • Embed cards on external sites and internal sites
    • How to add Sitemap to submit to Google Search Console
    • How to configure Filter condition
    • Not seeing SSL certificate?
    • How to create and use Templates?
    • Power up search functionality with extra keywords
    • How to create custom '404' page?
    • Markdown support for Cards description
    • How to create Youtube style video listing websites?
    • Embed extra html/css/scripts into detailed page header for specific detailed pages
    • How to generate automated sitemaps for your website?
    • 'Bring Your Own Code' for dynamic content in Detailed Pages
    • Enable Authentication (Login/Logout)
    • Restrict Detailed Pages Access with Access Code
    • How to add video in Home Page under the Header?
    • How to disable Black Overlay for Header Image?
    • How to use Google Maps on the pages?
    • How to use Google Drive images for cards?
  • Billing
    • Plans & Subscriptions
  • FAQ
    • Not able to access the site after creating the site?
  • Legal
    • Privacy Policy
  • Life Time Deal
    • Life Time Deal
  • How to add Mailchimp URL?
Powered by GitBook
On this page
  • 1. Style
  • 2. Template Design
  • 3. Email subscription
  • 4. Search
  • 5. Header Content

Was this helpful?

  1. Sheets - Getting started

Header

This sheet contains the configurations where user would like to do on Header.

PreviousNavBarNextBody

Last updated 4 years ago

Was this helpful?

This sheet is used to operate the controls on Header. Following are the options available.

1. Style

Name

Description

Font Name

Select a font name from the drop down which should be applied on 'Text' attribute on Header.

Font Color

Enter the Hex Code of the Font Color or just enter the color name as 'red', 'green', 'purple' etc. which should be applied on 'Text' attribute on Header.(Font color will be overridden if the 'Color' is given in Header content for respective 'Text' Attribute)

Background Color

Color Name or Hex code can be entered to change the background color of the Header(If image link is given ,background color will be overridden).

Image

Link of the image should be provided to get it displayed on Header.

2. Template Design

Name

Description

Header design

Based on the design selected from the dropdown 'Header Content' and 'Image (from Style)' given will be adjusted on the Header.

3. Email subscription

Name

Description

Display

Yes - If selected, Mail subscription option(Place Holder Text box and button) will be displayed on Header.

No - If selected, Mail subscription option( Place Holder Text box and button) will not be displayed on Header.

Place Holder Text

Enter the text that should be displayed in the text box as a place holder.

Subscription Button Placement

Next to the Inbox - If selected, button will be placed next to the text box.

Below the Inbox - if selected, button will be placed below the text box.

Button Background Color

Color Name or Hex code can be entered to change the background color of the subscription button.

Button Font Color

Enter the Hex Code of the color or color name to change the font color of the subscription button.

Button Text

Text to be entered which has to be displayed on Subscription Button.

Mailchimp Subscription Link

Link to be navigated to subscribe a user should be entered.

4. Search

Name

Description

Display

Yes - If selected, Search Bar will be shown on the website based on Search Bar Placement.

No - If selected, Search Bar will not be shown on the website based on 'Search Bar Placement'.

Place Holder Text

Place holder text should be entered to get it displayed on the search text box.

Search Bar Placement

In Nav Bar - If selected, search bar will be displayed on the NavBar.

Top of Header - If selected, search bar will be displayed on the Header to the top.

Middle of Header - If selected, search bar will be displayed in the middle of the Header.

End of Header - If selected, search bar will be displayed on the Header to the bottom.

5. Header Content

Name

Description

Attribute Name

Text - If selected, content entered will be displayed as Text.

Link - If selected, content entered will be displayed as Link Button. On click it will be navigated to the link given in 'Link' column.

Button- If selected, content entered will be displayed as Button. On click it will be navigated to the link given in 'Link' column.

Text Size

Select a size of the attribute to be displayed from dropdown.

Color

Color Name or Hex code should be entered in which Text/Link/Button will be displayed.

Content

Content to be displayed on Header should be entered for selected Attribute (Text/Button/Link).

Link

Link to be navigated click of the attribute(Link/Button) should be provided.

Style settings for Header
Template Design for Header
Email Subscription setting on Header
Search bar settings
Header content settings