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

Demo and Download This Theme

Demo this theme Demo

Download this theme from the Theme Directory Download

More Information

76 responses to “Spot Bootstrap WordPress Theme”

  1. Vishu Kamble Avatar
    Vishu Kamble

    Hey Tim, How do I edit the PageBotoom widget in Spot?
    There are no widgets in my widget section but the inspect element shows its a page-bottom widget. There are no widgets in the customize option too.

    1. Tim Nicholson Avatar

      It’s a sample widget. Just add a blank text widget and it will go away.

  2. webg1rl Avatar

    Hello, I found this theme that is exactly what my client was looking for, but I am totally unfamiliar with Bootstrap. So far I’ve managed OK, but I can’t seem to get the logo and the menu items to align better. I just want either the logo to go up a little, or the page items to move down so the logo does not look so out of place on the navbar. I have spent hours trying to figure this out. Any help would be greatly appreciated! Here is the link:

    1. Alberto Treleani Avatar
      Alberto Treleani

      hy webg1rl, can you teach me to change the default logo with the brand logo please? Thank you

      1. webg1rl Avatar

        Hello Alberto,
        I found two methods for accomplishing this mentioned in the support forums, but I could not get the CSS method to work. I used the first method, which was editing the header.php file. I replaced with the image link wherever it was mentioned. The CSS method is mentioned at the bottom of the page here:

        Maybe you will have luck with it, but I could not get this method to work:

        `.site-title a {
        background: url(‘’) left top no-repeat;
        display: block;
        text-indent: -9999px;
        width: 100px;
        height: 100px;

        Good luck! I am still having alignment issues with the logo and menu links. Let me know if you have any suggestions!

    2. webg1rl Avatar

      I don’t know how to mark this topic closed, but I figured it out on my own by adding margin-top: 0px; to .navbar-brand. Once the padding was removed above the logo, it aligned with the menu items.

      1. Alberto Treleani Avatar
        Alberto Treleani

        Thank you webg1rl 🙂 I will try both the way 🙂

  3. Alberto Treleani Avatar
    Alberto Treleani

    Hi. I love this theme, but i have a problem. I want to change the website logo with an image, but i don’t konw php language. Someone can help me step by step? Thanks to all

  4. Johanna Sänd Avatar
    Johanna Sänd

    Hello, I am super happy to have come across your theme with all the freedom in customizing that comes with it! Is it possible to change the individual site header (the blue one just below the navigational links) into an image? I can’t find an option for that, change the css .container or figure out how to do it with a plug-in (Dynamic Headers). Help would be greatly appreciated.

  5. astcreatives Avatar

    Hello Tim,
    Thank you for this great job welldone ! I have just one request. Can i change the copyright link ?

  6. Christoffer Gustafsson Avatar
    Christoffer Gustafsson

    Hi, I´m just loving this theme! Is it possible to change the max-width of the template, where?

    1. Tim Nicholson Avatar

      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.

  7. edmichel2014 Avatar

    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,

    1. Tim Nicholson Avatar

      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.

  8. edmichel2014 Avatar

    Hi Tim:

    Spot is a great theme and easy to use. I am having an issue with a plugin that I am using in a post. I place it in the text box and, on the opening page it will not show the info. However, when the headline or read more is clicked to go to its own page, everything works perfect. Help! is my site.

    1. Tim Nicholson Avatar

      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.

      1. edmichel2014 Avatar

        Tim…..I guess one should know what their own website is ….. Some Mondays are tougher than others! Thanks, Ed

        1. Tim Nicholson Avatar

          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.

  9. Wendy Flor Avatar
    Wendy Flor

    Hi! I made the mistake of putting my own text at the pagebottom sidebar. I edited the text at the html settings. Now, i get this message:

    Parse error: syntax error, unexpected ‘button’ (T_STRING) in /homepages/4/d258855230/htdocs/wp-content/themes/spot/sidebar-pagebottom.php on line 52 – See more at:

    Please help! Thanks.

    1. Tim Nicholson Avatar

      It looks like you fixed it, but it would be much better if instead of editing the php, you created a text widget and placed it in the Page Bottom widget area.

  10. Jumair Macabago Avatar

    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.

This site uses Akismet to reduce spam. Learn how your comment data is processed.