Note: While our most popular guides have been translated into Spanish, some guides are only available in English.
Native Site Styles tweaks

This guide explains questions and issues that may come up when using the Native template.

Tip: For general help, see the Native template guide.

General

Style the background and layout of your site.

  • Site Background - Set the color of the site background
  • Site Background Image - Add an image as the site background.
  • Site Outer Padding  
  • Site Width  
  • Borders Color - Change the transparency to show border lines around the header navigation and between blog posts.

Site Header

Style the header.

  • Site Title - Change the font style of the site title.
  • Site Title Size  
  • Site Title Color
  • Site Title Spacing - Change the spacing below the site title
  • Site Tag Line - Change the font style of the tag line.
  • Site Tag Line Size  
  • Site Tag Line Color  
  • Description - Change the font style of the page description.
  • Description Size  
  • Site Description Color  
  • Logo Width - Change the logo size if you’ve replaced the site title with a logo.
  • Header Spacing - Change the space between the Main Navigation and page content.

Site Navigation

Style the Main Navigation and product navigation.

  • Navigation - Change the font style of the site title.
  • Navigation Size  
  • Navigation Link Color  
  • Navigation Active Link Color  

Main Content

Change the font styles.

  • Headings - Style all headers on your site, including blog post, album, and event titles.
  • Headings Size - Sets the Heading 1 size. Heading 2 and Heading 3 text scales proportionally.
  • Headings Color  
  • Body Text  
  • Body Text Size  
  • Body Text Color  
  • Body Link Color  
  • Body Link Hover Color  
  • Underline Body Links  
  • Quotes - Affects the Quote Block
  • Quotes Size  
  • Page Content Width - Change the content width on Layout Pages

Blog

These tweaks appear on Native Blog PagesMeta tweaks change the metadata for your posts, such as the post date and tags.

  • Meta Text  
  • Meta Text Size  
  • Meta Text Color  
  • Blog Meta Data: Split, Bottom - Move all metadata below the post, or split top and bottom.
  • Article Spacing - Change the space between blog posts.
  • Blog Content Width  
  • Hide Icons - Remove the icons next to the metadata.
  • Hide Author - Hide the byline on blog posts.
  • Hide Tags Categories  
  • Disable Promoted Gallery Color - Hide the color that displays behind uncropped images if your Promoted Gallery Block is set to Grid.

Footer

Style the footer.

  • Footer Text Size  
  • Footer Text Color  
  • Footer Link Color  
  • Footer Link Hover Color  
  • Social Icon Style: Normal, Square, Round
  • Social Icon Size  
  • Social Icon Color  
  • Social Icon Hover Color  

Products

These tweaks appear on Classic Products Pages.

  • Show Category Navigation
  • Product Background Color
  • Product Overlay Color
  • Products Per Row
  • Product List Titles: Under, Overlay
  • Product List Alignment: Center, Left
  • Product Item Size
  • Product Image Auto Crop
  • Product Gallery Size
  • Product Gallery Auto Crop
  • Show Product Price
  • Show Product Item Nav
  • Product Social Sharing

Gallery Styles

These tweaks appear on standard Gallery Pages.

  • Gallery Design - Set the layout.
  • Aspect Ratio
  • Grid Spacing
  • Min Column Width
  • Lightbox Style: Dark, Light
  • Gallery Navigation: Thumbnails, Bullets, Numbers, Circles, Simple, None
  • Gallery Info Overlay: Always Show, Show on Hover, Hide
  • Gallery Aspect Ratio
  • Gallery Arrow Style: Round Corners, Rectangular, Circular, No Background
  • Gallery Transitions: Fade, Scroll
  • Gallery Show Arrows
  • Gallery Auto Crop
  • Gallery Autoplay
  • Gallery Loop
  • Gallery Autoplay Speed (sec)
  • Gallery Thumbnail Size
  • Gallery Arrow Background
  • Gallery Arrow Color
  • Gallery Circle Color
  • Gallery Info Background

Events

These tweaks appear on Events Pages.

  • Disable Item Pages
  • Show past Events  
  • Show Thumbnails
  • Thumbnail Size
  • Show Date Tag
  • Show Date Tag w/ Time  
  • Show Categories  
  • Show Date  
  • Show Time  
  • Show Location  
  • Show Export Links
  • Show Social Buttons  
  • Show Excerpt
  • Show Button  
  • Show Back Link
  • 24-Hour Time  
  • Stacked View

Album Options

These tweaks appear on Album Pages.

  • Album Text Color  
  • Hide Album Share Link  

Cover Pages

Cover Pages are styled independently of a site’s template. Visit Styling a Cover Page to learn more.

Block tweaks

Tweaks for certain blocks also display in Site Styles. To learn about style options in a specific block, visit About blocks and click the name of the block you want to learn more about.

Was this article helpful?
0 out of 9 found this helpful
Native Site Styles tweaks