Spot is an adaptation of the “Spot” theme by for WordPress. It is a modern, fully responsive, “flat” style theme with a nice color palette, big full-width images, and full-width colored sections. The navbar is fixed at the top of the page for easy navigation.

The Spot theme is a child theme for Flat Bootstrap. The site title is displayed in the navbar, so you still retain your site branding.

It automatically adapts for desktops, tablets, and phones. It is based on the standard WordPress starter theme (_S) and the Twitter Bootstrap CSS framework. The theme was inspired by the HTML/CSS themes from and color schemes from’s flat UI.

Features include a mobile navigation bar, multiple columns (grid), buttons, icons, labels, badges, tabbed content areas, collapsible content areas, progress bars, alert boxes, carousels (sliders) and much, much more.

This theme is designed to have a “static” home page and so when previewing the theme and when you first install it, a sample page is displayed. The theme is perfect for showcasing products or photos with a midnight blue page header.

Theme Features

  • Fully responsive theme that changes layouts for desktop, tablets, and phones
  • Navbar fixed to the top of the page for easy navigation
  • Modern, “flat” style theme with beautiful color palette
  • Big full-width featured images on any page
  • Full-width colored sections
  • Hundreds of icons from Bootstrap and Font Awesome
  • Variable column footer with 1 to 4 columns

WordPress Features Supported

custom-background, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, fluid-layout, full-width-template, left sidebar, light, one-column, responsive-layout, right sidebar, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

Page Templates

  • Full-width page with colored page header
  • Full-width page without page header
  • Full-width page with three (3) most recent posts (in columns on desktop)
  • Page with right sidebar (default)
  • Page with left sidebar
  • Page without sidebar
  • Site Index with search, pages, categories, tags, and recent posts listings

We’ve even included the ability to have individual posts be full-width as well.


Our “shortcodes” aren’t really shortcodes… you simply use the standard Bootstrap markup, such as < div class=”whatever”>. If you really like shortcodes instead, you can download either of these plugins. They both work just fine with this theme.

  • Colored buttons
  • Colored message boxes (alerts)
  • Tabbed content areas
  • Collapsible content areas
  • Sliders (carousels)
  • Everything else that the Bootstrap CSS framework has to offer!

Sample Usage

Spot Theme Full Page

Download This Theme

This theme can be downloaded from the Theme Directory. Download

More Information

Be sure to check out How to Use Our WordPress Themes and our Theme “Shortcodes” Page. You can also check out other other themes that should be ready for release soon as well on our WordPress Themes page.

38 comments on “Spot WordPress Theme

  • Hello Tim. I have been trying to change the background color of spot to no avail. I would like to change both the left and right side bar area, and content area from the standard grey to white. How can I do this. my site is

  • Hi,
    How can i change social logo on footer bar and does it possible to put link in to that.
    and on sample page [] on topic LATEST WORKS how do i do like that .
    Thanks for your theme, Love it.

    • The easiest way to “edit” the social footer is to view the page source and copy the HTML. Then add a new text widget and paste the HTML there. Then you can edit it. Once you add your first widget to a widget area, like the footer, the samples will no longer display.

        • I have limited the full width of the site to 1600px, mainly because the header images I include with the themes are that width, but I also figured the site would look strange if the header/footer stretched the full width of an iMac. You can easily change this, though. Just edit the max width in number of px or set it to 100%. Here is the theme’s CSS related to that:
          /* Limit the page for really wide screens, such as an iMac */
          #page {
          max-width: 1600px;
          margin: 0 auto;

        • Ok, when you pasted the , it replaced it with special HTML characters. So that’s why your site is now showing those closing divs as text above the text box instead of actually closing the div’s that need to be closed to expand full-width. You can fix try to fix that or better yet, please update to the latest version of the Flat Bootstrap parent theme (v1.2) as it is now full-width by default without needing those closing div’s.

  • Hi Tim. I really like the Spot theme. One tweak I’d like to make is to have more meta information display in the header of the posts. Or more specifically the author name and the more traditional links to other posts by that author. I see where you’ve “toned down” the info in the header. I tried changing that but wasn’t successful. Is there a quick change to the CSS I can make to show the author name next to the post date?

    • I coded the theme to display the author name and link to other posts only if the blog has more than one author. You’ll see the code in content-post-header.php in the parent theme. You can comment out the condition of is_multi_author() if you want to always display it. Do you have more than one author are you the only author but still want to see your name and link there?

      • Thanks. I’ll try commenting out the condition or maybe a simpler solution it to have at least one post by a different author. We have two admins, but all the posts have been by one person so we never discovered the “if 2” rule.

  • I just installed Spot as my theme, and I’m noticing a weird glitch. When I go to my homepage (, the icons all show up as boxes at first. Reloading the homepage doesn’t do anything, but if I go to another page on my site, like the About page, the icons *do* show up. And when I go back to my homepage after clicking on the About page or another page, then the icons on the homepage do show up. This glitch shows up on two different computers, and in both Chrome and Firefox.

      • Huh, that’s weird. Well, as long as it’s not showing up for anyone else, I can live with it. And thanks for the compliment! I still have a lot of tweaking I want to do on my content pages (like putting up a grid portfolio, but ugh, resizing all those images by hand). But overall I really like the theme and how my site looks with it. I may mess around with the color palette next so that it doesn’t quite look so similar to the sample page.

        • Take a look at the color palette built into the parent theme (and all its child themes, including Spot). All the colors are designed to look good together. Our Theme Shortcodes. Also, each child theme has its own sample page that can be imported in the /samples folder and you can easily mix and match between themes. For the grid portfolio, try using the Jetpack plugin. Our Link Theme Sample Page uses it. When you choose the images to include, you can put a URL on each one to link over to your individual portfolio item pages (although I didn’t set all that up with the sample page).

  • Hi Tim, Spot is really cool, thanks!

    I want to delete the Leave A Reply comment options on all my Spot pages. I went to Home in WP like was suggested above, and there was a link to the Discussions area, but no check box to disable comments. I’ve been to Discussions and unchecked all boxes there, but the Leave A Reply box is still there. Can you help? Thanks so much!

  • Hello Tim!

    I’m using Spot theme + wordpress-4.1.1-es_ES (from and the Flat_Bootstrap/sidebar.php file is overwriting my custom sidebar and widgets no matter what I do it always defaults the sidebar to: widget_search-widget_pages-widget_tag_cloud.

    When I change the main WP language to english, german or french the custom sidebar is displayed properly. I need the dynamic sidebar back, any suggestions?

    • All of my themes (so far) use Raleway (similar to Arial) for the headings and Lato (similar to Helvetica) for the body text. These are both free Google fonts, so you can easily install them on your computer for use with Photoshop or whatever imaging software you want to use.

  • Hi, Tim!
    I really love your theme. I want to use it even though I can’t change the footer copyright.
    Can you help me? I’m having a hard time putting a link on the Social Logo below of the Theme. I want to social logo to really like that. I don’t want any change about it. I love the way it is. Would help me now? Thank you for creating this Theme.

    • It looks like your site is down, so I can’t view it. However, the issue with the plugin is likely that its only displaying on the full post not on excerpts. All my themes (so far) use post excerpts in the blog pages. You might try pasting the shortcode into the “Post Excerpt” field, although I’m guessing WordPress strips that field of things like shortcodes.

        • Thanks, nice site! Have you tried putting the text you want and the shortcode itself in the “Post Excerpt” field? With my themes, I’m trying to keep the “options” to a minimum and leverage built-in WordPress functions. You can actually put the full post in the excerpt field and the theme(s) will display it. However, WordPress doesn’t activate shortcodes in excerpts by default. You can create a very simple plugin that will do that. I recommend a plugin as opposed to editing functions.php in the theme because you’ll want this behavior regardless of the theme you use.

          < ?php
          Plugin Name: XS Site Functionality
          Plugin URI:
          Description: This plugin contains site functions that should run regardless of the theme being used
          Author: Tim Nicholson
          Version: 1.0.0
          Author URI:
           * Activate shortcodes in post excerpts
          add_filter( 'the_excerpt', 'xs_shortcodes_in_excerpts' );
          function  xs_shortcodes_in_excerpts ( $text ) {
          	$return = do_shortcode( $text );
          	return $return;
  • Tim:
    Thanks for your comment and info. I did try the post excerpt field and it that did not not work. I appreciate the code for the plugin. Now, as a newby, I just have to figure out to save the plug in to a file UNLESS, you already gave that to me and I can’t figure it out!

    Take care,

    • Copy and paste it into a text editor. You may want to change the plugin name. Save it with a file name like my-site-functionality.php and upload it via FTP to your WordPress directory under /wp-content/plugins/. Then you can activate the plugin through the WordPress admin. Or a quick search turned up this plugin which does it, plus a bunch of other things.

    • If you are just talking about how wide the entire page itself spans, that should be pretty easy. The CSS that limits the page to 1600px looks like this:

      /* Limit the page for really wide screens, such as an iMac */
      #page, .navbar, .after-footer {
      	max-width: 1600px;
      	margin: 0 auto;

      Note that wide images in the header or page content itself will still be limited to 1600px wide. That would be harder to override as you’d have to change the PHP code.

      If you are talking about changing the max width of the actual content area itself, that is all based on Bootstrap and would be really hard to change. Bootstrap uses a “container” class and it drives the grid system and has all kinds of media queries to handle the responsiveness built into it.

Leave a Reply