Share this:


Download Theme

Surfarama is a simple, bold and colorful theme suited to blogs and online magazines who like to feature great imagery. See for a demo, or watch this short video…

It is fairly customizable right out of the box with the ability to do the following with no coding necessary:

  • Upload your own logo
  • Add social media profiles
  • Set the primary, secondary, background and link colors
  • Choose whether to display category tabs and borders around posts on the home page and archive pages
  • Color code each category
84 comments on “Surfarama
    • Hi Bryan, I moved all the theme posts across from the old domain but not the comments. If I find an easy way to do this I might move them over, but can’t promise that. Did you have a particular question?

  1. No particular question but I just wanted to thank you for the elegant solution of including the excerpts when available. And I thought of doing that in the thread we had going.

    You might consider NOT bringing the old comments back, save this place only for praise and redirect/handle all support questions on the theme page. Less fragmentation that way.

  2. Hi Charles,

    Apologies if a support query is inappropriate in this area, please delete if necessary.

    I recently switched themes from Suffusion to Surfarama. The site looks far cleaner and more modern. My site promotes my military vehicle club and its yearly show.

    I had created online application forms with Visual Form Builder which worked fine in Suffusion. In Surfarama the radio buttons and check boxes do not show up. See form at

    • Hi Robert, glad you like the theme. I note that it is just Chrome which has this issue. Everything looks fine in Firefox and IE11. It is the visual form builder which controls the styling of the form, and apparently clashes with the theme styles in some way that impacts display in Chrome. We could spend some time to help, but this is beyond the level of free support we can provide here in the comments sorry. If you’d like some assistance with this please email us at and we’ll take a closer look and give you an estimate.

  3. Hi
    Have a problem with the Google rich snippet. I get this error: Missing required field “updated”.
    I try to add the update class in the content-single.php but does not work. Help me pls


    • Hi Giovanni, The theme doesn’t support all the rich snippets. Can I ask the purpose of trying to implement this? Are you wanting to get Google Authorship to work?

      • I simply added the reference to the author of the posts. And doing the test for the structured data to google, I get that error. But it is not important. Thanks for the reply

  4. Hi Charles,

    Impressive response time – I saw you in the site logs only a few minutes after I sent my message!

    I understand your need to charge for a support issue not of your own making, I’ve tried another contact form and that didn’t display radio buttons either. Looks like a fight between Chrome, Jquery, your theme and any of the plugins that I use that may also affect the issue.

    Do you happen to know of a contact form builder plugin that does work with Surfarama and Chrome?

    Thanks for your help,

    Regards, Rob

  5. Quick and dirty fix – having tried various visual form creation plugins and all fail to show radio buttons under Chrome – change themes!

    I found a very usable and good looking theme that works out of the box with visual form builder and Chrome. Just what I need, saves changing loads of stuff on my site

    Called WP Barrister; it’s from a very helpful New Zealand outfit called WP Dev Shed …

  6. Hi Charles,

    I really liked Surfarama theme. I used for my website.
    I have one question to ask, in the widgets area, there are category/archive widgets and full page widgets. I tried put some plugins to those widgets area but nothing display on my website. post widgets, page widgets and homepage widgets are working great.

    • Hi @anrry,

      Thanks for using our theme

      These widgets are displayed only for specified pages
      e.g. Category/archive widgets for Category and Archive pages and Full Page Widgets of course for Full page too, and I’ve tested here and it works fine.

      Hope that helps

    • No bug fixes, just style improvements. You can always see the release notes in the readme.txt…from the latest version:

      * homepage displays the manual excerpts if present, if not then the auto excerpt will be displayed instead
      * post-format:video now displays the video in the homepage grid
      * added more styles to different post formats

  7. Hey, I like the surfarama theme a lot und have just one question. Is it possible to change sort order on the Homepage from descending to ascending?! Thanks a lot for this wonderfull theme!

    • Hey Bernd, I just realized I answered someone elses comment in reply to yours! Changing the sort order will require some changes to the template code. I’ve not done this before myself, but I’m sure if you search around someone will have posted a tutorial on this. Again, if you need help you can email details to

  8. Hi Charles,
    thanks for this great theme, really loving it!
    I got a question that I tried to post in the support forum, but I got no response so far, so would you mind looking into this for me please?
    The hp is working great! I linked the pages to categories. Now the pages show me the page text and list of post titles (for the category). Now I´m trying to show little more than just title list on the page, I would like to have titles+post excerpts (with thumbnail preferably) on the page, so the pages/categories are more sexy, but i´m lost in the codes.. I use default page template for the page. Charles, please would you know how to help me with that please?.. or would it be possible to add the function to the template.. ? :).. In that case, it would be also great to show the excerpt/title with the category background color, but.. I´ll be happy with any solution.. thanks in advance!

  9. Hi,
    finally found the perfect theme for me, but I really, really need it responsive. Any chance for future?
    btw, works fine with the Jetpack Galleries!

  10. Hi —

    I have just downloaded Surfarama and it looks amazing, great job. However, I’m having trouble right out of the gate. Every post creates a new page. I can only get one image on the main page. What am I doing wrong?

    • Hi Michael, I’m not sure I understand you problem. It sounds like it is working just as intended. The home page layout shows the feature images from the latest posts, each linking to the individual post. You do need to set the featured image for each post using the regular WordPress featured image function. Does that answer your question?

  11. No, I realized now that I that wordpress “reading” setting set to show just 1 post on the front page. Stupid mistake on my part, the theme is working just as you intended. Really like it. Thanks!

  12. Great theme! I just had one question, is it possible to resize the logo? I uploaded a logo but I would like the height to be about half what it is currently. Any quick tips?

    Thanks. Keep up the good work!

    • Hi @steve,

      Thanks for using our theme

      Yes it is possible, login into your WordPress admin panel, then in Media select your logo and resize in there instead, click the button or link that says “Scale Image”, and add your image size in pixel.

      Hope that helps

  13. Hi.

    I have tried to add line breaks to split up a paragraph on the home page but either the Surfarama theme or wordpress ignores and removes it.

    Is there another trick to this?


  14. Great theme! Really enjoying it after so many other rubbish ones. Was wondering, is it possible to remove the footer widgets (‘Categories’ ‘Latest Posts’ ‘Archives’ etc). Any help would be much appreciated. Thanks!

  15. Hello

    I’ve managed to change my ‘destinations’ page so it now looks the same as the homepage layout, but I can’t remember how I did it, and I want to do the same for the ‘crash pads’ page.

    Can you help?

    Many thanks!

    • Hi Harriet, looks like you have applied the Alt_homepage template to your Destinations page. You could do the same to the Crash pads page but I’m not sure why you would do this as you’ll then have 3 pages showing all the same posts.

  16. I have a quick question, is it possible to add the categories widget to the menu, in drop down form?
    I tried doing it using these instructions here:, but when I added the categories widget to it, it does not show up in the menu. Or is there a plugin you would recommend to accomplish this? I basically just want the categories to be up on top and more easily viewed by guests to the site.

      • Thank you for the quick reply! I thought the theme only supported 1 menu, I must have misread that. The main reason I don’t want to add all the categories is it tends to appear cluttered, which is why I would prefer a drop down menu simply titled “categories”. I will try creating a custom menu and see how that works. Thanks again!

        • I see. In the custom menu you could create a top level item “Categories” which doesn’t actually link anywhere (use a #), and then nest links to your categories under that and they’ll appear as a drop down when the user hovers over the Categories link in the nav.

  17. Hi Charles,

    I remember asking this on the old comments/threads page, but where do I find the changelog of the new version?

    It helps with knowing what to strip out of my functions.php :-)

    Thanks, Bryan

    • The release notes are always in the readme.txt file bundled with the theme. You can view this on your own site via FTP, or you can click the svn link for the current version of the theme hosted on and find the readme.txt file there.

  18. Charles, I updated the theme and forgot to save a few style sheet changes.

    You had suggested a way to remove the yellow border on top of adsense ads.

    Unfortunately the answer is in the stuff you did not bring over to this site.


    • It’s the ins tag in style.css, remove the background in there and you’re to go, also I suggest use child-theme instead so new update won’t overwrite your changes.

      Hope that helps

    • Hi @Bojan,

      Thanks for using our theme

      Yes it’s possible but you need to gets your hands dirty
      1. Since this theme is using masonry library and resize grid depending on the body/browser width you have to do this manually under /library/js/scripts.js
      2. Update default size of .grid-box in style.css

      Hope that helps

        • now its more confusing “is it possible last 3 posts to be bigger, no just last one?”, what you need all 3 posts to get bigger or just the last one?

          What ever you want on the grid sizes you still end-up updating .js file because we’re using Masonry in the theme.

  19. Dear Charles and team,

    great theme! It´s perfect for what we do, now just a few questions…

    1) How do I remove the widgets from the footer (and also in general), what do I have to take out of the code?

    2) How do I remove tags in all posts (meaning that they are not visible)

    3) And my site starts going blank when I add www. in front of the website-name, is that becaus of the new design somhow?

    I haven´t changed much in the css yet, so I don´t think that comes from there, maybe you have an idea.

    All the best and thanks in advance,


    • Hi @Anne,

      Thanks for using our theme

      1) It’s in sidebar-home.php file, you can find other widgets in sidebar-*.php file too
      2) It’s in content-single.php file at line #52
      3) No, with www and without are different if it’s going blank first when you open your site means the images, pages, post are being read and cache(first time), and it’s definitely not a part of the theme.

      Hope that helps

  20. Hello , I just loved this theme….
    What i want to know is i want the same layout as home page in other pages also. But when i try to create a new page it is just a normal blog kind of page
    But what i want is a page similar to home with different posts.
    How do i achieve this

    • Hi Manu, there are two approaches here.

      1. Your category pages are a lot like the home page…just put your posts into the appropriate categories and then link to the category pages from the main nav? eg.
      2. If you really want exactly the same layout as the home page then you’ll need to create a new custom page template based on the home page template and also customize this code so that it only displays the categories you want.


  21. another quick Q – i’m using the mailchimp widget to capture newsletter signups but wanted to improve the look of the signup box and UI from the default black bar at the top and standar email box etc. how and where can i do this? thanks!

    • Hi Edward, this will require that you get into the style sheet for the theme and the plugin too possibly. You can edit the theme style sheet under Appearance > Edit. I’m not familiar with the Mailchimp plugin so can’t comment on that.

  22. I’ve modified a bit of this for use with my site, but I cannot figure out how to change the category colors. It probably makes a difference that I installed this theme directly from wordpress theme library.

  23. Great theme guys, thank you so much for making it free.

    How do I centre my logo on the page? I’d have to move the social media buttons down a row. Is that feasible?

  24. Hi, really like the theme but need to control the posts shown on the home page. Can I do this by categorizing them? Can I limit the number of posts shown ?


  25. Hi,
    I am using Surfarama for the blog of our site. Thank You for this great theme. I would like to know how I can shift the location of the sidebar a bit more towards the right.

  26. Hey,

    I’m using surfarama, When I create category pages, it only shows 1 post in the category and not any other posts in the second category. I’m not sure why this is happening?

    There was this other problem where widgets in the category page collided with the grid of category posts. I fixed it by editing the category template and by moving the Get_Sidebar function out of the div, just before the get_Footer function.

    Still help me out with why the loop in the category pages template isn’t working?


    • Hi @rakesh,

      Thanks for using our theme

      You don’t need to create Category page, I think you’ve added page or posts instead of posts category, it works perfectly fine in demo and in my local so this is something in your end for you.

      Make sure you’ve created posts category first then next create posts and assigned it to associated category, you then choose the created posts category to display in sidebar or in menu.

      Hope that helps

  27. Hi there,

    Featured images are not showing in the single page posts. I’ve tried turning all plugins off and reloading the theme. I’ve changed themes also and the featured image shows in the posts fine. I’ve also checked the functions.php file and can’t see anything wrong in there. Is it an error due to the WP update?

    • Hi Tim, this is by design. Featured images don’t (and never have) been part of the single posts template. This is a purposeful design choice. We use the featured image for the home and archive pages, but we leave the single posts free so users can choose how and when to add their own images. If adds a step if you do want to use the featured image in the post, but gives you more flexibility.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>