Options Reference#
Colors#
| Color Picker Label | Description | Default Value |
|---|---|---|
| Body Background | The main body background, also used as the background color for the Portfolio Grid | #1c2226 |
| Body Text | The main body text color, mainly for the Colophon and Photostream Widgets | #d2d2d5 |
| Accent | Accent color used on several key elements: buttons, icons, toggles, etc. | #ff4d64 |
| Headings | The text color for Headings | #e5e5e6 |
| Headings Hover | The text color for links inside Headings, on hover | #f5f5f5 |
| Links | The text color for links | #f5f5f5 |
| Links Hover | The text color for links, on hover | #ffc7ce |
| Button Border | Border color for the outline-style buttons on grid thumbnails | #ff4d64 |
| Button Border Hover | Border and background color for the outline-style buttons, on hover | #ff4d64 |
| Button Text | Text color for the outline-style buttons on grid thumbnails | #f5f5f5 |
| Button Text Hover | Text color for the outline-style buttons, on hover | #ffffff |
| Welcome Screen Heading | Text color for the welcome screen heading | #e5e5e6 |
| Welcome Screen Text | Text color for the welcome screen small text | #d2d2d5 |
| Welcome Screen Overlay | Background color for the welcome screen scrim, or overlay | #1c2226 |
| Thumbnail Heading | Text color for headings inside thumbnails | #e5e5e6 |
| Thumbnail Overlay | Background color for the thumbnails scrims, or overlays | #272f35 |
| Readout Background | Background color for readouts (text based posts on the grid) | #384047 |
| Readout Background Alt | Alternate background color for readouts (text based posts on the grid) | #3d454d |
| Readout Border | Border color for readouts (text based posts on the grid) | #31393f |
| Readout Border Alt | Alternate border color for readouts (text based posts on the grid) | #363e45 |
| Readout Text | Text color for readouts (text based posts on the grid) | #d2d2d5 |
| Readout Links | Text color for links inside readouts | #f5f5f5 |
| Readout Links Hover | Text color for links inside readouts, on hover | #ffc7ce |
| Pagination Background | Background color for the pagination links and buttons | #ff4d64 |
| Pagination Background Hover | Background color for the pagination links and buttons, on hover | #1a1f23 |
| Pagination Text | Text color for the pagination links and buttons | #f5f5f5 |
| Pagination Text Hover | Text color for the pagination links and buttons, on hover | #ffffff |
| Pagination Disabled Background | Background color for the pagination horizontal strap and disabled buttons | #21272c |
| Pagination Disabled Text | Text color for the pagination disabled buttons | #f5f5f5 |
| Permalink Background | Background color for the posts permalink page, shown inside the Project Expander | #384047 |
| Permalink Text | Text color for the posts permalink page, shown inside the Project Expander | #d2d2d5 |
| Permalink Pod Background | Background color for permalink “pods” or “wells”, i.e.: Blockquotes, Links Excerpts, etc. | #272f35 |
| Permalink Pod Text | Text color for permalink “pods” or “wells”, i.e.: Blockquotes, Links Excerpts, etc. | #d2d2d5 |
| Notes Background | Background color for post notes | #353c43 |
| Notes Background Alt | Alternate background color for post notes | #31393f |
| Expander Underlay | Background color for the expander underlay | #1c2226 |
| Expander Controls Background | Background color for the expander navigation bar and its controls | #232a2f |
| Expander Controls Icon | Color for the expander navigation bar icons | #93979a |
| Expander Controls Icon Hover | Color for the expander navigation bar icons, on hover | #caccce |
| Lightbox Background | Background color for the image lightbox underlay | #1c2226 |
| Lightbox Controls | Color for the image lightbox controls | #d2d2d5 |
| Lightbox Text | Color for the image lightbox texts | #d2d2d5 |
| Aside Background | Background color for the Page Aside | #272f35 |
| Aside Vertical Stripe | Background color for the Page Aside vertical stripe, when opened | #232a2f |
| Aside Toggle | Color for the Aside toggle (hamburger) icon | #93979a |
| Aside Toggle Hover | Color for the Aside toggle (hamburger) icon, on hover | #ff4d64 |
| Aside Toggle Active | Color for the Aside toggle (close) icon, when the aside is open | #caccce |
| Aside Text | Color for the Aside text | #a0a0a7 |
| Aside Links | Color for the Aside links | #d5d5d8 |
| Aside Links Hover | Color for the Aside links, on hover | #f5f5f5 |
| Aside Navigation | Color for the Aside navigation menu items | #d2d2d5 |
| Aside Navigation Hover | Color for the Aside navigation menu items, on hover | #ff4d64 |
| Aside Social Icons | Base color for the Aside social icons | #a0a0a7 |
| Aside Social Icons Hover | Base color for the Aside social icons, on hover | #ff4d64 |
| Aside Pod Background | Background color for the Aside “pods”, i.e.: Site Description and Twitter Feed | #242b30 |
| Aside Pod Text | Text color for the Aside “pods”, i.e.: Site Description and Twitter Feed | #a0a0a7 |
| Filter Background | Background color for the Filter toggle and list items | #21272c |
| Filter Background Hover | Background color for the Filter list items, on hover | #ff4d64 |
| Filter Border | Color for the border between Filter list items (applied at a very low opacity) | #f5f5f5 |
| Filter Text | Text color for the Filter list items | #93979a |
| Filter Text Hover | Text color for the Filter list items, on hover | #ffffff |
| Filter Toggle | Color for the Filter toggle (funnel) icon | #93979a |
| Filter Toggle Hover | Color for the Filter toggle (funnel) icon, on hover | #ff4d64 |
| Filter Toggle Active | Color for the Filter toggle (close) icon, when the filter is open | #caccce |
| Selection Background | Background color for text selections | #1c1e1f |
| Selection Text | Text color for text selections | #f5f5f5 |
| Tooltips Background | Background color for tooltips | #1c1e1f |
| Tooltips Text | Text color for tooltips | #f5f5f5 |
Drop-downs#
| Drop-down Label | Option Description | Available Values | Default Value |
|---|---|---|---|
| Color Scheme | General color scheme. Overridden by the Override All Colors setting | Alto, Dualism, Outer Space, Purple Rain, Silver |
Outer Space |
| Body Font Family | Font family for body text | Roboto, Open Sans, Fira Sans, Source Sans Pro, Karla, Lato, Chivo |
Roboto |
| Italic Font Family | Font family for italic emphasized body text | All of the above plus Playfair Display, Alegreya, Source Serif Pro, Crimson Text, Old Standard TT, Noto Serif, and Vollkorn |
Roboto |
| Google Fonts Subset | Google fonts subset | Latin, Latin Extended, Cyrillic, Cyrillic Extended, Greek, Greek Extended, Khmer, Vietnamese |
Latin |
| Headings Text Transform | text-transform CSS property for Headings |
None, Capitalize, Uppercase |
Capitalize |
| Welcome Title Size | The font size of the Welcome Screen title, relative to the smaller text | Normal, Larger |
Larger |
| Scroll Down Icon | The graphic shown on the Welcome Screen scroll down button | Mouse, Arrow |
Mouse |
| Grid Layout Type | The layout type for the Portfolio Grid | Standard, Segmented Rows, Masonry |
Standard |
| Grid Phone Cols | Number of columns on the Portfolio Grid, on phones | 1, 2 |
1 |
| Grid Palm Cols | Number of columns on the Portfolio Grid, on hand-held devices | 1, 2 |
1 |
| Grid Lap Cols | Number of columns on the Portfolio Grid, on tablets and smaller laptops | 1, 2 |
2 |
| Grid Lap Large Cols | Number of columns on the Portfolio Grid, on larger laptop screens | 1, 2, 3 |
3 |
| Grid Desk Cols | Number of columns on the Portfolio Grid, on desktops | 1, 2, 3, 4 |
4 |
| Grid Desk Large Cols | Number of columns on the Portfolio Grid, on large desktop screens | 1, 2, 3, 4, 5 |
4 |
| Grid Gutter | The gutter between thumbnails on the Portfolio Grid | No gutter, 10, 20, 30, 40 |
No gutter |
| Thumbnails Aspect Ratio | The Portfolio Grid thumbnails aspect ratio, or proportion | 6:4, 4:3, 1:1, 3:4, 4:6 |
4:3 |
| Thumbnails Alignment | The way images are aligned inside the Portfolio Grid thumbnails | Top, Middle, Bottom |
Middle |
| Thumbnails Text Transform | text-transform CSS property for Headings inside Thumbnails |
None, Capitalize, Uppercase |
Uppercase |
| Divider Style | The graphic style to be used for the divider inside Thumbnails | Zig-zag, Curvy, Edison, Straight |
Zig-zag |
| Expander Position | Alignment of the Project Expander when open | Right, Center |
Right |
| Expander Navigation Mode | The logic behind the Project Expander navigation buttons | All Posts, Visible Posts |
Visible Posts |
| Loader Style | Loading indicator style for the Project Expander and initial page load | Ball, Ripple, Spin |
Ball |
| Photoset Mode | The way Photosets are rendered, globally | Stacked, Grid, Slider |
Stacked |
| Aside Contents Alignment | Alignment for the contents of the Page Aside left and right columns | Left and Left, Center and Left, Center and Center, Left and Center |
Center and Left |
| Buttons Size | buttons font size, relative to the surrounding body text | Smaller, Normal, Large, Larger, Largest |
Large |
| Buttons Padding | Padding inside Buttons | Normal, Extra |
Normal |
| Buttons Text Transform | text-transform CSS property for Buttons |
None, Capitalize, Uppercase |
Uppercase |
| Facebook Comments Color Scheme | The color scheme for the Facebook comments widget | Dark, Light |
Dark |
Booleans#
| Option Name | Description | Default Value |
|---|---|---|
| Override Accent Colors | Overrides Accent Colors, disregarding the chosen Color Scheme | off |
| Override Link Colors | Overrides Links Colors, disregarding the chosen Color Scheme | off |
| Override All Colors | Overrides All Colors, disregarding the chosen Color Scheme | off |
| Show Random Link | Show Random link on navigation menu | on |
| Show Archive Link | Show Archive link on navigation menu | on |
| Show RSS Link | Show RSS link on navigation menu | on |
| Welcome Screen | Whether to display or not the Welcome Screen | off |
| Full Height Welcome Screen | If switched on, the Welcome Screen will have the height of the screen viewport | on |
| Ajax Expander | Enable or disable Ajax for the Project Expander | on |
| Click To Load Posts | Load the next page worth of posts with Ajax | on |
| Endless Scrolling | Enable or disable Endless Scrolling | on |
| Truncate Thumbnails Titles | Prevents Thumbnail Titles from wrapping | on |
| Loop Last Segmented Row | Repeat the last row configuration for the Segmented Rows layout | on |
| Portfolio Filter | Enable or disable the Portfolio Filter | on |
| Fullwidth Filter Tags | Make the Filter Tags span the full width of the Filter List | off |
| Text Posts Cover Images | Enable custom cover images for All text based posts | off |
| Uncluttered Thumbnails | Minimal thumbnail overlays, without separators or buttons | off |
| Hide Cover Images | Hide custom cover images on permalink pages | on |
| Share Widget | Enable or disable the Share Widget on permalink pages | on |
| Post Notes | Show or hide notes on permalink pages | on |
| Disqus Comments | Enable Disqus comments on permalink pages | off |
| Facebook Comments | Enable Facebook comments on permalink pages | off |
| Auto Expand Comments | Auto-expand comment boxes when scrolling down | off |
| Session Storage | Enable Session Storage for Ajax-loaded content | on |
| Hide Tumblr Controls | Hide Tumblr controls on desktop and mobile devices | off |
| Colored Social Icons | Use brand colors for social icons hover state | off |
| Justify Social Icons | Evenly distribute social icons horizontally | off |
| Twitter Feed | Enable or disable the Twitter feed | on |
| Tweets Carousel | Group tweets in a touch-friendly carousel | on |
| Dribbble Feed | Enable or disable the Dribbble feed | on |
| Instagram Feed | Enable or disable the Instagram feed | on |
| Flickr Feed | Enable or disable the Flickr feed | on |
| Show Permalinks Tags | Show or hide post tags on permalink pages | on |
| Show Colophon | Show or hide the footer’s colophon | on |
| Show Credits | Show or hide the credits text on the Page Aside | on |
Strings#
| Option Name | Description | Default Value |
|---|---|---|
| Welcome Screen Title | Title for the Welcome Screen | |
| Welcome Screen Text | Small text for the Welcome Screen | |
| Welcome Screen Opacity | Welcome Screen overlay opacity (a value between 0 and 1) |
0.7 |
| Segmented Rows Layout | Layout for the Segmented Rows grid type | 234 |
| Headings Font Family | Google font family for Headings | Poppins |
| Headings Font Weight | Google font weight for Headings | 500 |
| Buttons Font Family | Google font family for Buttons | Six Caps |
| Buttons Font Weight | Google font weight for Buttons | 400 |
| Menu Font Family | Google font family for the Navigation Menu | Six Caps |
| Menu Font Weight | Google font weight for the Navigation Menu | 400 |
| Thumbnail Button Label | The text shown on the thumbnail overlay buttons | View Project |
| Pagination Previous Label | Label for the standard pagination Previous Link | Newer Projects |
| Pagination Next Label | Label for the standard pagination Next Link | Older Projects |
| Load More Posts Label | Label for the “Click to Load” button | Load More Projects |
| Loading Label | Label for the “Click to Load” button, while loading | Loading, Please Wait |
| No More Posts Label | Label for the “Click to Load” button, at the end | You Have Reached The End |
| Photoset Gutter | The gap between Photoset Grid cells, in pixels | |
| Portfolio Filter Tags | A list of comma separated tags used to filter the portfolio posts | photo, photoset, audio, video |
| Portfolio Filter Label | The text on the Portfolio Filter floating label | Filter |
| Portfolio Filter All Label | The label for the first item on the Portfolio Filter list | All |
| Aside Menu Label | The text on the Page Aside floating label | Menu |
| Comments Label Zero | Text to show when a post has no comments | <span>Be the first one to comment</span>. |
| Comments Label One | Text to show when a post has one comment | There is <span><%= count %></span> comment. |
| Comments Label Multiple | Text to show when a post has multiple comments | There are <span><%= count %></span> comments. |
| Colophon Title | The text on the footer’s colophon heading | Colophon |
| Colophon Text | The text on the footer’s colophon description | |
| Credits Text | Credits text shown on the Page Aside | |
| Tweet Count | Number of tweets to display | 6 |
| Facebook App ID | Facebook application ID for the comments widget | |
| Facebook Username | Facebook Username for the social icon | |
| Skype Username | Skype Username for the social icon | |
| Disqus Shortname | Disqus shortname for the comments widget | |
| SEO Description | Brief description to include on the title meta tag | |
| GA Property ID | Google Analytics tracking ID |