Options

Lunar comes packed with features! We've included a wide variety of theme variations and color pickers that allow you to quickly and easily develop amazing sites for both you and your clients.

  • BANNER

    Drop Zones

    The Lunar theme uses the new banner image drop zones introduced in RapidWeaver 7. The main drop zones are found in the Site Setup and Page Inspector, and allow you to add your own custom banner images to your site, or customize them from page to page.
    Banner
  • BANNER

    Heights

    Lunar allows you to set the banner height at each of the three responsive breakpoints -- desktop, tablet and mobile. At each breakpoint you can choose from the following banner heights:
    • Flexible
    • Full Height
    • 900 px
    • 800 px
    • 700 px
    • 600 px
    • 500 px
    • 400 px
    Banner
  • BANNER

    Site Title

    Your site title is found within the banner section of the Lunar theme. You’re able to adjust the site title’s font, size and color. Below is a list of the font choices and size options for the site title:
    Font Options
    • Libre Baskerville
    • Bree Serif
    • Dosis
    • Playfair
    • Montserrat
    • Quicksand
    • Oswald
    • Average
    • Helvetica Neue
    • Site Title Color Picker
    Sizes
    • Small
    • Medium
    • Large

    *Note: Site title sizes down on smaller devices such as tablets and mobile devices.
    Banner
  • BANNER

    Site Slogan

    The site slogan is also locatedin the banner section. You’re able to adjust the site slogan’s font, letter spacing and color. Below is a list of the font choices and size options for the site title:
    Font Options
    • Open Sans
    • Libre Baskerville
    • Bree Serif
    • Montserrat
    • Oswald
    • Helvetica Neue
    • Site Slogan Color Picker
    Letter Spacing
    • +10
    • +8
    • +6
    • +4
    • +2
    • 0
    Banner
  • BANNER

    Banner Overlay

    With so much content within the banner we know that sometimes you’ll want to dim your banner background image a bit so your content can shine through. For this we’ve included a Banner Overlay setting, allowing you to set a color of varying transparency to place between your content and the background image.
    • Disable Banner Overlay
    • Banner Overlay Color Picker
    Banner
  • BANNER

    Banner Gradient

    We also wanted to allow you to blend your banner’s background image with the background of your site. To do this we’ve included a gradient at the base of your banner that you can customize using color pickers:
    • Remove Banner Gradient
    • Banner Gradient (Top) Color Picker
    • Banner Gradient (Bottom) Color Picker
    Banner
  • BANNER

    Banner Animations

    Lunar allows you to add buttery smooth animations to your banner elements, using preset animations. We’ve included 3 different animation presets to choose from. These presets animate the site title, slogan, social media badges and ExtraContent area 1.
    • None
    • Banner Animations 1
    • Banner Animations 2
    • Banner Animations 3
    Banner
  • BANNER

    Banner Content Alignment

    Choose how your content will be aligned within banner section of your page.
    • Left
    • Center
    • Right
    Banner
  • BANNER

    Banner Width

    Set the max-width for your banner’s content. Your content won’t go beyond this width, but will size down to make sure it fits on tablet and mobile devices.
    • 1,270 px
    • 1,170 px
    • 1,070 px
    • 970 px
    • 870 px
    • 770 px
    • 670 px
    Banner
  • CONTENT

    Content Width

    Set the max-width for your page’s main content area. Your content won’t go beyond this width, but will size down to make sure it fits on tablet and mobile devices.
    • 1,270 px
    • 1,170 px
    • 1,070 px
    • 970 px
    • 870 px
    Content
  • FOOTER

    Footer Content Width

    You can set the max-width for your page’s footer area. This includes your ExtraContent are 5 content. Your content won’t go beyond this width, but will size down to fit on tablet and mobile devices.
    • 1,270 px
    • 1,170 px
    • 1,070 px
    • 970 px
    • 870 px
    Footer
  • EXTRACONTENT

    ExtraContent 2 Width

    You’re able to select a max-width for the hidden content you place within the ExtraContent area 2. Your content won’t go beyond this width, but will size down to fit on tablet and mobile devices.
    • 1,270 px
    • 1,170 px
    • 1,070 px
    • 970 px
    • 870 px
    • 770 px
    • 670 px
    Extracontent
  • EXTRACONTENT

    ExtraContent 3 Width

    You’re able to select a max-width for the content you place within the ExtraContent area 3. Your content won’t go beyond this width, but will size down to fit on tablet and mobile devices.
    • Full-width
    • 1,270 px
    • 1,170 px
    • 1,070 px
    • 970 px
    • 870 px
    • 770 px
    • 670 px
    Extracontent
  • EXTRACONTENT

    ExtraContent 4 Width

    You’re able to select a max-width for the content you place within the ExtraContent area 4. Your content won’t go beyond this width, but will size down to fit on tablet and mobile devices.
    • Full-width
    • 1,270 px
    • 1,170 px
    • 1,070 px
    • 970 px
    • 870 px
    • 770 px
    • 670 px
    Extracontent
  • SIDEBAR

    Sidebar Location

    Lunar allows you to place your sidebar content on either the right- or left-hand side of your main content area. Not in need of a sidebar on a page? You can also hide it.
    • Right-hand Side
    • Left-hand Side
    • Hidden
    Sidebar
  • Banner

    Logo Visibility

    The Lunar theme allows you to decide whether to show, or hide, the site logo at each of the three responsive breakpoints.
    • Show on Mobile
    • Show on Tablet
    • Show on Desktop
    Banner
  • FOOTER

    Footer Content Alignment

    Choose how your content will be aligned within banner section of your page.
    • Left
    • Center
    • Right
    Banner
  • TOGGLES

    Various Theme Tools

    Adjust the way your pages display and function using Lunar’s multiple toggle settings. Hide elements, make videos responsive and more.
    • Responsive Video Embeds
    • Enable Photo Album Animations
    • Photo Album Lightbox
    • Hide Site Title
    • Hide Site Slogan
    • Remove Spacing Below Banner
    • Lock Desktop Navigation to Top of Page
    • Hide Breadrumb on this Page
    Toggles
  • COLORS

    General Colors

    • Site Background
    • Main Content Area
    • Content Text
    • Links
    • Sidebar Title
    • Sidebar Text
    • Sidebar Links
    • Lightbox Overlay Background
    Colors
  • COLORS

    Navigation Colors

    • Background
    • Text
    • Active Text
    • Underline
    • Sub-Navigation Background
    • Sub-Navigation Text
    • Sub-Navigation Active Text
    Colors
  • COLORS

    Mobile Navigation Colors

    • Background
    • Text
    • Active Background
    • Active Text
    • Toggle Gradient (Top)
    • Toggle Gradient (Bottom)
    • Toggle Icon
    Colors
  • COLORS

    Blog Colors

    • Blog Entry Title
    • Read More Button Background
    • Read More Button Text
    • Read More Button Border
    • Tag Cloud Link Backgrounds
    • Tag Cloud Link Text
    • Archive Link
    • Tags Link
    • Category Link
    • Archive Dividers
    • Archive Icons
    • Tags Icon
    Colors
  • COLORS

    Social Badge Colors

    We’ve built-in an easy way to add social media badges to your site using our pre-built code snippets. You can find the social badge snippets on the Lunar theme’s product page, under the badges tab.
    • Badge Background
    • Badge Icon
    • Badge Background (Hover)
    • Badge Icon (Hover)
    Colors
  • COLORS

    Footer Colors

    • Background
    • Text
    • Links
    Colors
  • COLORS

    ExtraContent Area 1 Colors

    • Text
    • Links
    Colors
  • COLORS

    ExtraContent Area 3 Colors

    • Background
    • Text
    • Links
    • Add Padding to Top and Bottom
    Colors
  • COLORS

    Contact Form

    • Field Background
    • Field Border
    • Field Text
    • Field Background (Focus)
    • Field Border (Focus)
    • Field Text (Focus)
    • Button Background
    • Button Text
    Colors