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. Component Settings
  • 3. Styling - Cards

Was this helpful?

  1. Sheets - Getting started

Body

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

PreviousHeaderNextBody-Cards

Last updated 4 years ago

Was this helpful?

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

1. Style

Name

Description

FontName

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

FontColor

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' given in Body Text Content column' (Font color will be overridden if the 'Color' is given in Font-Color column in 'Body-Text ' sheet for respective content.)

Background Color

Color Name or Hex code can be entered to change the background color of the Body

2. Component Settings

Name

Description

Display Cards

Yes - If selected, Body cards given in 'Body-Cards' sheet will be displayed.

No - If selected, Body cards will not be displayed.

Display Text Content

Yes- If selected, Text given in 'Body-Text' sheet will be displayed.

No - If selected, Text given in 'Body-Text' sheet will not be displayed.

Display Order

First Text & Next Cards - If selected, Text given in 'Body-Text' will be displayed first and then Body cards will be displayed.

First Cards & Next Text - If selected, Cards given in Body-Cards' will be displayed first and then Body text will be displayed.

Display Filter

Yes - If selected, Filters provided in 'Filters' sheet will be displayed on Body. No - If selected, Filters provided in 'Filters' sheet will be displayed on Body.

Display Search Bar

Yes- If selected, Search Bar will be displayed on Body.

No - If selected, Search Bar will not be displayed on Body.

3. Styling - Cards

Name

Description

Layout Template

Based on the selection, body cards given in 'Body- Cards' sheet will be adjusted on website. (Multiple layouts like Horizontal, vertical , cards displayed in circles and various modern layout designs are available in drop down)

Card on-click event

No-action - On click on body card, no action will be performed.

Redirect to another Page - On click on body card, it will be redirected to the link provided in 'Card-Link' column from 'Body-cards' sheet.

Card Expand - On click on body card, details provided in 'Card-Link' column from 'Body-cards' sheet will be shown below the body card and can be minimized by clicking again on the card.

Pop-up - On click on body card, details provided Card-Link' column from 'Body-cards' sheet will be shown in separate pop-up.

Style Settings for Body
Component Settings for Body
Layout settings for Cards