Surfarama Theme


Download Theme

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

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

Building a new site? Looking at hosting options? We recommend Siteground, Bluehost or GreenGeeks. You can see our complete list of all the top hosts here.

Charlie has been building WordPress themes, reviewing web hosts and utilizing social media since their respective inceptions.

294 thoughts on “Surfarama Theme

  1. Avatar Bryan says:

    Hi Charles,

    What happened to the support page/mail thread for the surfarama theme?

    1. Charles Charles says:

      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. Avatar JAaron Anderson says:

        Charles I was MOST impressed w/ this theme as it serves my goal well! but is there ANY way I can restrict front end dynamic cubical thumbnail posts to be a given category(ies) not just all which are posted ? many thanks !

        1. Avatar Kris says:

          Create child theme first then make a copy of index.php file from surfarama theme folder to your child theme folder and before line #12(while loop) of index.php file, add this code,
          <?php query_posts( array( 'category_name' => 'insert-category-slug-here') );  ?>

  2. Avatar Bryan says:

    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.

  3. Avatar Robert Soar says:

    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

    1. Charles Charles says:

      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.

  4. Avatar Giovanni Mancini says:

    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


    1. Charles Charles says:

      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?

      1. Avatar Giovanni Mancini says:

        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

  5. Avatar Robert Soar says:

    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

    1. Charles Charles says:

      Lucky timing I guess 🙂 I’m a fan of Gravity Forms which I’ve had no trouble with myself in the past, but of course I can’t guarantee that it will work problem free in any given scenario.

  6. Avatar Robert Soar says:

    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 …

  7. Avatar Anrry says:

    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.

    1. Avatar Ryan S says:

      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

  8. Avatar FB says:

    Hey, just wondering what exactly the latest update includes? Any big bugfixes?


    1. Charles Charles says:

      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

  9. Avatar Bernd says:

    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!

    1. Charles Charles says:

      Hi Brend, this will require some customization of the style sheet. We had a video which might help you with this a little while back:

      If you would like some help with this please email the details of your change request to and we’ll work out an estimate to make the change.

    2. Charles Charles says:

      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

  10. Avatar Fernando Morais says:

    Is it possible to have a “fixed/sticky” post on the home page 1st position??

    1. Charles Charles says:

      Sure is. Have you tried setting status of the post in question to “sticky”? Just use the regular WordPress function:

  11. Avatar Melissa says:

    Hey Hey 🙂

    Can I implement Jetpack Galleries into Surprama Theme?

    Cheers, Melissa

    1. Charles Charles says:

      Hi Melissa, should be able to. Give it a shot and let us know how it works out.

  12. Avatar Paul says:

    Charles, Dude, sweet theme! Way versatile bro! So how can I only show the posting title without a snippet on the homepage. Got any code mods I could add ‘somewhere’? <— requirement is for only pet name to show on home…

    On a side note: <– love the versatility of this theme man! Good job.

    1. Avatar Ryan S says:

      Hi @Paul,

      Thanks for using our theme

      To do that open content.php and comment or remove line start from 57-68

      Hope that helps

  13. Avatar ala says:

    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!

    1. Charles Charles says:

      Hi Ala, can you provide a link to your site or a screenshot? I’m not understanding your question. This is the category template which sounds like what you are asking for:

      1. Avatar ala says:

        Hi Charles, sure, thank you and sorry for me being too confusing. Can I send it to the

        1. Charles Charles says:

          Sure thing.

  14. Avatar Mel says:

    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!

    1. Charles Charles says:

      Hi Mel, the Surfarama theme is responsive. What part isn’t working for you? What phone/tablet are you testing on? Try the demo here:

      1. Avatar Mel says:

        Hi Charles, sorry I was too quick, it seemed not to work first time, now its only the jetpack carusell that isn’t working on a Samsung Galaxy. The pictures overlay.
        Work’s well on other devices though!

  15. Avatar Michael says:

    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?

    1. Charles Charles says:

      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?

  16. Avatar Michael says:

    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!

  17. Avatar steve says:

    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!

    1. Avatar Ryan S says:

      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

  18. Avatar Ulrik says:


    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?


    1. Avatar Ryan S says:

      Have you tried &nbsp; instead?

  19. Avatar Edward Neale says:

    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!

    1. Avatar Ryan S says:

      Hi @edward,

      Thanks for using our theme

      Yeah it’s possible you can remove it in index.php or sidebar-home.php

      Hope that helps

      1. Avatar Edward Neale says:

        thanks a bunch!

  20. Avatar steve says:

    Thanks for help!

  21. Avatar harriet says:


    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!

    1. Charles Charles says:

      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.

  22. Avatar ipunk says:

    Love this theme. But Polldaddy wordpress plugin is not compatible with Surfarama, can you fix it?


    1. Charles Charles says:

      In what way is it incompatible?

      1. Avatar ipunk says:

        Usually when you make poll there’s bullet list.. so visitors can select and vote.. and with surfarama, the bullet list not showing up.


        1. Charles Charles says:

          I see, so the themes style sheet is overriding the plugin styling. That is odd. Will take a look.

          1. Avatar ipunk says:

            Is the new version 1.1.0 fix it?

          2. Charles Charles says:


  23. Avatar Tim Schmidt says:

    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.

    1. Charles Charles says:

      Hi Tim, is there a reason you don’t just create a custom menu and add links to your categories directly to that?

      1. Avatar Tim Schmidt says:

        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!

        1. Charles Charles says:

          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.

          1. Avatar Tim Schmidt says:

            That works perfectly, thank you!

  24. 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

    1. Charles Charles says:

      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.

  25. Avatar Arnold says:

    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.


    1. Avatar Ryan S says:

      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

  26. Avatar Bojan says:

    Hi Charles,

    your theme is great, can i have on home page more posts to be large?

    1. Avatar Ryan S says:

      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

      1. Avatar Bojan says:

        Sorry, my question is not right… is it possible last 3 posts to be bigger, no just last one?

        Thank you

        1. Avatar Ryan S says:

          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.

  27. Avatar Anne says:

    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,


    1. Avatar Ryan S says:

      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

      1. Avatar David Hill says:

        Hi there, I have the same problem as Anne above: I want to remove ‘Categories’, ‘Latest Posts’, ‘Recent comments’ and ‘archives’ from appearing on all my pages. I understand ‘sidebar-home.php file’ refers to a template in the editor section, but what do I actually need to do it to make these widgets go away?!

        Thank you,

        1. Avatar Ryan S says:

          Hi @david,

          Thanks for using our theme

          If needed yes but if not then you can just simply remove it under Appearance -> Widgets

          Hope that helps

          1. Avatar David Hill says:

            Thanks a lot, Ryan, I really appreciate it. I’ve done as you say, but it still seems to insist on having at least one widget on the page. I.e. there are/were, by default, four widgets that appear. In order to make them disappear, I created one new one (‘search’). That appears all by itself. However, if I delete it – which means I have nothing at all in my widget boxes on the right hand side of page, the other four return again by default! Any way around this?

            Congrats on the theme. It’s fantastic.


          2. Charles Charles says:

            Hi David, try adding an empty text widget. That should hide any widgets but the widget space will still be there. The theme displays the default widgets in the absence of any others.

  28. Avatar Anne says:

    @Ryan S

    Bäm, that helped!

    Thanks a million!

  29. Avatar Manu says:

    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

    1. Charles Charles says:

      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.


  30. Avatar Edward Neale says:

    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!

    1. Charles Charles says:

      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.

  31. Avatar Sam S says:

    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.

    1. Charles Charles says:

      Hey Sam, you can set the category color on the category edit page.

  32. Avatar Brook says:

    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?

    1. Avatar Ryan S says:

      Hi @Brook,

      Thanks for using our theme

      The easiest solution is to update #site-heading and #social-media width to 100%

      Hope that helps

  33. Avatar ipunk says:

    One more Q, How to add 160×600 adsense-banner in the 3rd or 4th post loop in the homepage?

    1. Avatar Ryan S says:

      This require you to update the content query and add IF condition a sample tutorial can be found here

      The only file you have to update is content.php, if this sounds techie for you, you can contact us as

      Hope that helps

  34. Avatar Wayne P says:

    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 ?


    1. Avatar Ryan S says:

      Hi @Wayne,

      Thanks for using our theme

      Yeah it possible by adding parameter posts_per_page => 10 // where 10 is the number of posts you want to return, we can usequery_posts add wp_reset_query(); function right after whileyou can found more info here

      The file you have to edit is only index.php, if this sounds techie for you then you contact us at

      Hope that helps

  35. Avatar Tom says:

    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.

    1. Charles Charles says:

      Hi Tm, can you be more specific? The sidebar is on the far right of the design so not sure what you mean.

      1. Avatar Tom says:

        Hi Charles, what I want is to shift the sidebar bit more to the right.But now, I find myself in a bigger mess. The images and the style elements are missing from my wp pages. Please see help

        1. Charles Charles says:

          Tom, I’m afraid I don’t know what you’ve done there. My best suggestion is to reinstall the theme.

  36. Avatar Rakesh says:


    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?


    1. Avatar Ryan S says:

      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

  37. Avatar Tim says:

    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?

    1. Charles Charles says:

      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.

  38. Avatar Giulietta says:

    Sorry for disturbing, but I would like to know how I can change the social media icons with customized icons. Thank you!

    1. Avatar Ryan S says:

      Hi @Giulietta,

      Thanks for using our theme

      You can simply replace all icons under library/images/.

      Hope that helps

  39. Avatar Brandon says:

    Awesome theme. How can I get the text at the top like you have where you say “This site is a demo…”

    Also is the gallery built in or did you use a plugin for that?

    1. Charles Charles says:

      Hi Brandon, there is an alt_homepage template which looks just like the default home page, but will display your page content at the top just like our demo. What do you mean by gallery? The home page is just showing latest posts arranged in a masonery format. If that’s what you mean then yes that is all part of the template no plugin required.

  40. Avatar manu says:

    Hello team,

    I like your theme a lot, the only last issue i am stuck with is i want the size of home page posts to be flexible. Currently the latest post is bigger one and rest all is small. But what i want is ability to make few of the other posts to be as big as the last post.

    1. Avatar Ryan S says:

      Hi @manu,

      Thanks for using our theme

      If you want something that you can control font-size in Dashboard or Theme settings, unfortunately that requires much of time and there’s nothing we can do here at comment support, contact our support at to discuss more, thanks

  41. Avatar manu says:

    Is it possible to control the size of the post in home page, currently latest post is big and others are small. Is it possible i can make other posts also as big as the latest one.

    In general i want to control the size of posts in home page

    1. Avatar Ryan S says:

      See previous comment

  42. Avatar Trevor says:

    Hi! Thanks so much for the amazing free theme. It really punches up the image-focused work I do.

    While the responsive theme works great for the homepage and individual posts, I have problems with the header. It doesn’t rescale on smaller screens; it just crops it to the width of the screen.

    Any way to correct this? Is there a place in the theme I should be changing the header width from an absolute value to a %?

    1. Avatar Ryan S says:

      Hi @trevor,

      Thanks for using our theme

      I guess you’re using logo image, try this instead #site-logo img{ width: 100%; }

      Hope that helps

  43. Avatar Wayne P says:


    How can I stop author name and published date appearing at the top of posts?

    1. Avatar Ryan S says:

      Hi @wayne

      Thanks for using our theme

      The easiest solution is by using CSS, .entry-meta{ display: none; }

      If you didn’t child theme you can use this plugin and put your code in there

      Hope that helps

  44. Avatar Lara says:


    I’ve tried everything but can’t get the “posted in” category line under the post.

    Please help. Here’s my blog

    1. Avatar Lara says:

      I’m using the WPML multilingual plugin, maybe that’s the problem?

      1. Avatar Ryan S says:

        Added a reply on your first comment

    2. Avatar Ryan S says:

      Hi @Lara,

      Thanks for using our theme

      I’ve visited your site and it works fine? can you send us screenshot explaining why it’s not working?, thanks

      1. Avatar Lara says:

        Hi Ryan,

        Now is OK. I’ve just added the featured image in one post and after that the category line appeared in all posts.

        Thanks anyway!

  45. Avatar Nathanael Pribady says:

    Why I must click ‘view full site’ to activate Surfarama themes in my phone? I’m using Nokia Lumia, when i opened it using my friends phone (Sony and Lenovo) in their phone must click ‘view full site’ too, please help me Charles thank you 🙂

    1. Charles Charles says:

      Hi Nathanael, works fine for me on my HTC One. I’m guessing you realized you were using a plugin which automatically generated a mobile version of the site? The theme is responsive so not mobile plugin required.

      1. I only use 4 plugins: Akismet, Jetpack, WordPress SEO and Favicon Rotator, which one i should deactivate? thanks again sir 🙂

        1. Charles Charles says:

          The only one of those that might impact this is Jetpack…I can’t recall if Jetpack does anything with mobile. Try deactivating that temporarily and if that works then you can check and see which of the bundled features in Jetpack is impacting mobile and try to deactivate that element.

  46. Avatar ipunk says:

    What is the purpose of “BOOKMARK THE permalink” link in every post?

    I dont think readers really care about this nor use this feature.

    Sure, I can manually remove this by myself but i find this annoying to remove it again and again after new updates.

    1. Charles Charles says:

      You can save the trouble of changing again after update by setting up your theme as a Child theme.

  47. Avatar J.Sandoval says:

    I really like this template, but ¿how could I show the Home page as a simple list of posts (with right widgets) instead of the actual format? Thank you in advance.

    1. Avatar J.Sandoval says:

      Even just having the possibility of showing the widgets at the right side at Home page would be nice.

      1. Avatar Ryan S says:

        See my reply on your previous comment, also duplicate single.php or page.php as your base file on creating page template, in that you already have right sidebar ready.

    2. Avatar Ryan S says:

      Hi @J.Sandoval

      Thanks for using our theme

      This take a bit of time but here’s how to do it
      1. Create page template with custom query code in it
      2. Create Empty page and select the page template you’ve just created in step 1
      3. Use the page you’ve created in step in Settings -> Reading -> Frontpage

      Hope that helps

  48. Avatar Nathan says:

    Hi guys,

    Great theme, how can I limit the number of posts on the front page but get them all to show up on a category page?


    1. Avatar Ryan S says:

      Hi @nathan,

      Thanks for using our theme

      We’ve already provide solution on this, you can follow comment thread in

      Hope that helps

    2. Avatar Wayne says:

      I still have not sussed this one out

  49. Avatar Wayne says:


    How can I increase the widget widths on the full page layout? Widget widths on the side bar are wide enough for a trip advisor widget but when adding it to the widget boxes along the bottom of the page the trip advisor widget is to wide and overlaps the borders.

    1. Charles Charles says:

      Hi Wayne, this would require some template customization which goes beyond the level of support we can provide here in the comments. If you need professional help with this please email us at and we can provide an estimate.

  50. Avatar Mario says:

    Hi. I love your “Surfarama” theme, and i’ve it on many website i menage. There’s a way that I can translate for you the template in italian, and you include it in the future release? Thanks

    1. Charles Charles says:

      Hi Mario, thanks for the offer of translating the theme into Italian. I’d be happy to make it available here for users to download (and give you credit). Cheers, Charles.

      1. Avatar Mario says:

        Could you tell me which file contain the text to translate, and I provider to start work immediately? thanks

        1. Avatar Ryan S says:

          Hi @mario,

          Thanks for using our theme

          It’s the .mo and .po file, mostly under /languages/HERE

          Hope that helps

  51. Avatar Scott says:

    Hi Charles-

    Thanks for the very clean and nice theme. I am definitely a dabbler in sites, so appreciate the simplicity of customizing it. I can see where I can link my social profiles on the site, but do not see any social sharing links for the posts, etc. Can you let me know if I have missed something or recommend a good plug in or other way to enable people to share content–which is key way I need to build my audience? Thanks in advance and thanks again for a great theme.

    1. Charles Charles says:

      Hi Scott, the theme doesn’t come with built in social share buttons, but there are loads of great plugins which add this. We use the Floating Social Bar plugin on this site, and also developed our own plugin which adds social share buttons though it is very very simple and doesn’t have all the configuration options of others like Floating Social Share Bar.

  52. Avatar nap beltran says:


    How can i removed the categories, latest post on the home page?

    thank you.

    1. Avatar Ryan S says:

      Hi @nap,

      Thanks for using our theme

      Yes it’s in sidebar-home.php file.

      Hope that helps

  53. Avatar The Nat says:

    Hi there. I really love the Surfarama theme but I’m having trouble getting my travel blog entries to look organised on the Home page. They don’t seem to be tiling right and I was hoping to get them to look like one of the demonstration templates I’ve seen where they are all packed together nicely without any wasted page space. For some reason, though, there’s loads of blank space and some older blogs have been given their own page, rather than be sorted into the space.
    Here is the link to my website-in-progress:

    Do you know where I am going wrong?

    1. Charles Charles says:

      Hi The Nat, I don’t know what is causing this, but if I had to guess I would say you have some kind of plugin conflict which is preventing the masonery script work it’s magic and position all the posts on the home page. Assuming you are running some plugins I suggest deactivating these. If that ‘fixes’ the problem then you can activate them one by one until the problem re-appears to isolate the plugin causing the issue…then decide if that is worth keeping.

  54. Avatar The Nat says:

    Just further to my last post… I’ve just updated the theme and I can no longer select any of the customisation buttons (Site Logo, Social Media Icons, Set Border For Images, etc, etc). Clicking on each button used to expand a menu before. It doesn’t seem to work now. I have tried in both Chrome and Mozilla browsers to no avail. :-/

    1. Charles Charles says:

      Hi The Nat, that’s odd. Did you update anything else at the same time? I don’t know what would cause that and can’t replicate here…perhaps try another theme and see the problem still exists.

  55. Avatar crag says:

    Hi there,
    after the last update of wordpress and surfarama, my main page just shows the last blog entry, but i cant even open the blogpost. when i click on the picture, it opens a empty page. i had no errors update wordpress or the theme and havent changed anything on the php code of wordpress or surfarama.
    i even tried to delete surfarama und reinstalled it to solve the problem, but no chance.
    can you help me?
    i have the page now running with a other theme, so i cant send you a link
    thank you

    1. Charles Charles says:

      Hi Crag, I can’t really help sorry without being able to see what is going on. The Surfarama theme hasn’t been updated recently so I don’t know what update you are referring too.

  56. Avatar Wayne says:

    Hi, my website using your theme is starting to look great and seems to work nicely with the plugins I have been using. How can I get the social media links above the menu bar to open in a new window?

    Thanks in advance

    1. Avatar Ryan S says:

      Hi @wayne,

      Thanks for using our theme

      Those icons are located in header.php file, just add target=”_blank” in each social media anchor like so
      <a href="#" target="_blank">ICON<a>

      Hope that helps

  57. Avatar The Nat says:

    Charles, you are a genius! Thank you for your suggestions. I have deactivated EVERY plugin and it is now “tiling” nicely:

    The “customisation” menu now works, too. Now I’ve just got to find out which bloody plugin was doing this. 🙂

    Will let you know as soon as I do, so that you can maybe make people aware of a plugin conflict.

  58. Avatar The Nat says:


    Here is the name of the WordPress plugin that was causing the code conflict that stopped Surfarama from tiling on my screen correctly.

    It’s the “Web Maps for WordPress Free” plugin. This is the stated website for the plugin which, oddly enough, doesn’t seem to have content anymore:

    My OS is Windows 7 Professional x64.

    1. Charles Charles says:

      Thanks, glad you figured it out. Plugins are often the cause of such issues.

  59. Avatar Stilgherrian says:

    I suspect this is a dumb question but I can’t find the answer.

    What is the optimal sizing and proportions for post featured images etc so things fit together nicely and don’t get cropped?

    Or am I being quaintly old-fashioned about that sort of thing?

    1. Avatar Ryan S says:

      Hi @Stilgherrian,

      Thanks for using our theme

      There’s no required file size but 610 × 920 in pixel size should work

      Hope that helps

      1. Avatar Stilgherrian says:

        Thanks, Ryan. I ended up choosing 610 x 343, as I source a lot of imagery from 16:9 video, and it seems to be working OK. See… where the colours are still being worked out.

        1. Avatar Ryan S says:

          You can work on color in style.css file

  60. Avatar steve says:

    Great theme, it looks beautiful! Is it possible to put ads in the banner or as one of the post blocks? Anywhere else the ads can go except on the bottom of the page?

    1. Avatar Ryan S says:

      Hi @steve,

      Thanks for using our theme

      Yeah it’s possible to add Ads in the right header are(Banner) you can update header.php file and put ads in there and for posts block file can be found as content.php or content-{post-type}.php

      Hope that helps

  61. Avatar harriet says:


    What happens when you delete the surfarama theme? I’ve set up a ton of widgets and got the site looking just how I want, but for some reason the comments aren’t showing up when people comment. I probably messed up the code somehow.

    I think I need to uninstall and reinstall the theme but I’m nervous about losing all my work or it getting messed up.

    Do you know what happens when you delete and reinstall the theme? Or do you have the code to replace for the whole section where the comments go so I could just replace it? I can’t remember what I changed… rookie error.



    1. Charles Charles says:

      Hi Harriet, if you temporarily switch to another theme, delete Surfarama and reinstall, then activate it again all your settings and widgets should work as they did. You would however lose any template customizations you made. Alternatively you could just download the theme from WordPress, and replace the templates that seem to have the trouble.

  62. Avatar Stilgherrian says:

    A suggestion for a change.

    When I flipped the entire site at to use HTTPS, I got a browser warning about mixed secure and non-secure content. I traced it to style.cdd, where in lines 15 and 16 the fonts are imported from Google using HTTP.

    I manually changed that to HTTPS, but I believed that using this code will sort it:

    @import url(//,400,400italic,700);
    16 @import url(//; 16 @import url(;


    1. Avatar Ryan S says:

      To avoid any security warning you can simply use // instead of https:// or http://

  63. Avatar olivoy le cowboy says:


    sorry my english s…. but I try to understand the theme

    on the home page, I can see three columns, one with lastest 460px wide and 220px with 2 other
    if I try to change the css for 300px for 3, it does not work because there is apparently an absolute position triggered by a script (not in the css)
    I looked at the file. js (21-93) but without understanding …

    I watched archives.php page because there is 4 columns of 220px but I see nothing that would explain why there is 4 columns and 3 here on the home page and where the absolutes positions

    1. Avatar Ryan S says:

      Hi @olivoy,

      Thanks for using our theme

      It is done by Masonry so it positioned absolute, but if you wanted to changed the first Featured DIV or the bigger one yeah it’s possible, open style.css file and at line #1550 or .grid-box.featured:first-child, .grid-box.latest selector you can update the width in there.

      The masonry code is in /library/js/scripts.js

      Hope that helps

      1. Avatar olivoy says:

        merci, I’ll do a test

        1. Avatar OLIVOY says:

          yep is ok
          + change .grid-box.latest .entry-title and .grid-box.latest .entry-content and off course MEDIA QUERIES & DEVICE STYLES

  64. Avatar nicholas j says:

    I have a site set up, with all posts categorised.
    My menu just links to the category and displays any posts from it. However, I’m having trouble with displaying more than 5 categories in the menu.. It’s like whatever 6th category i create (i’ve tried editiing, deleteing, creating a new one, duplicating content from one that works) – it just messes up the menu bar and displays no posts.

    Any idea what this limitation is and how it can be solved at all?

    many thanks.
    great theme! (apart from my issue lol)

    1. Avatar Ryan S says:

      Hi @nicholas,

      Thanks for using our theme

      In WordPress there’s no limitation in adding WordPress Menu, so in that lets go with troubleshooting
      1. Do you have other plugin installed? if so disable it all then activated one by one and see if any has a conflict on the current theme
      2. Did you try other theme and it works in there? if so then it’s our theme(I just want to confirm)
      3. If both didn’t work then try re-installing your theme, just make sure you do a backup first

      Hope that helps

  65. Avatar Mamad del Rosario says:

    Hi Charles,

    Hi would I be able to change the color of the post when hovering, as well as turning the entire post clickable?


    1. Charles Charles says:

      Hi Mamad, you could control this hover behaviour by editing the style sheets, but that will require some customization and if you do that you must set up your theme as a child first as well. If you need help with this you could try Elto.

    2. Avatar Marc says:

      Hello Charles,

      I have currently installed the Surfarama theme and think it’s totally awesome. However I have two questions. First of all, I have chosen a static homepage rather then then blog page. Although I have added text to this page, it doesn’t show on the homepage. When I switch to twenty-thirteen it does show…
      Second I am wondering how I can resize the width of the logo on my page. It seems to be just a littlebit wider than anything else…

      Thanks in advance, keep ut the good work 🙂

      1. Charles Charles says:

        Hi Marc, what template have you assigned to the home page? For the logo, the simplest thing would be to resize the image to fit the space.

        1. Avatar Marc says:

          Hello Charles, I see now. Thanks a billion! I used full width, no sidebar. Now I changed it to home page with intro and it does show the text, but also the blog posts. The other options also leaves my welcome message out. Is there the possibility to just have a normal page without widgets or sidebars or blogposts? Thanks!

          1. Charles Charles says:

            Hi Marc, did you try the “full width, No sidebar” page template option?

  66. Avatar Marc says:

    Hi, yes I did and then the text I had written on the ‘home’ page would not appear…

    1. Charles Charles says:

      Hmm, that’s unusual. I can’t think why that would happen. Have you made any customizations to templates or styles?

  67. Avatar Eman says:

    I love your theme, but I can’t seem to have the tittle of my post show up on the homepage.

    I have the featured photo, then the homepage goes straight in the post.

    When a visitor clicks on the post, then the post and tittle comes up.

    How do I have the tittle of each post my my home page. Either on top of or below the featured image.

    1. Charles Charles says:

      Hi Eman, what post type do you use? Use the regular post type and the title should show up.

  68. Avatar Anass says:

    I m really digging your theme but i have couple problems. First of all, whenever i put a video on a post it has really weird dimensions 300*600 and when try to view it on fullscreen (from the video post”grid”) It only takes the upper half of the screen and show me a small part of the website on the lower half.
    Also I would love to remove the “was posted by” and “the date”
    thanks guys

    1. Charles Charles says:

      Hi Anass, can you share a link? Also how are you embeddeding videos? It should all work pretty seemlessly if you just paste the URL of the video into your post (WordPress will do the rest).

  69. Avatar Anass says:

    Here is the link to my website:
    Please Can I do something about the author of the post and the date it was posted. I kinda wanna get rid of them but i couldn’t figure it out.
    Thank you for your fast response bro Have a nice day

    1. Charles Charles says:

      Looks like you have figured out how to remove the author and post date.

  70. Avatar Jesús I. says:

    Hi Charles:

    First of all, I want to say you that I love your theme. Also I want to thank you for reply all the problems that people have when they try to personalize it.

    And this is mine:
    I configured the theme without any kind of widgets and when I publish a post, there is a blank space on the right, that i think is reserved to the widgets (what I haven’t).
    I can’t choose the ‘full-with, no-sidebar’ in a single entry as I can with the pages.
    How can I select the ‘full-with, no-sidebard’ class as default for all the single posts?

    Thanks, regards.

    1. Charles Charles says:

      Hi Jesús, this is not possible sorry. Posts all share that same template with the sidebar.

  71. Avatar Mark Driscoll says:

    GREAT theme, thanks very much!

    One question: is it possible to switch the hver color on the menu to match the custom category color, no matter what custom css i am trying, it still is the color set in the customization menu.

    1. Charles Charles says:

      Hi Mark, good question. We did try (and failed) to do that when we first developed the theme, which is not to say it is impossible, just that we couldn’t figure out an elegant way of doing it and gave up eventually. Thanks for the prompt though, we might take another stab at it.

      1. Avatar Mark Driscoll says:

        Hurm…well back to trying the custom css then. Thanks!

  72. I really like Surfarama. I like the layout of the home page and the fact that it is very customizable. I do wish I could change the color behind the post text, so that I can tile an image in the background, but still have a solid color under my posts, making them easier to read. Is there any possibility of getting this function? Is there something you could suggest I do?

    1. Avatar Kris says:

      Hello Christine,

      Sorry but I’m not really getting what you mean. But I think this involve css. If you want to change the color, you can go to customize under appearance in your wordpress admin or you can make your own custom css, you can download simple custom css and place your custom css there.

  73. Avatar Shafiq Aziz says:

    Love the theme, tried plenty and this almost instantly sticked with me. My question is how does the theme determined the order of posts on the homepage. Is it based on the latest published post? Is there anyway to manual set the order of the posts displayed? Thanks!

    1. Avatar Kris says:

      It is based on the latest published posts.

  74. Avatar Suraj says:

    Hello, I have a question.

    Is it possible to have a different background image for each category page?

    1. Avatar Kris says:

      For this wordpress theme, it is not possible. The background image is set for all pages.

  75. Hi
    I’m experiencing a problem viewing my site developed with your template Surfarama. With Internet Explorer I see the main page on four columns while on Google Chrome and Mozilla Firefox I see the articles page on only three columns. (this also happens when I see your demo). How can solve? Thanks

    1. Avatar Kris says:

      May I know what is the version of your Internet explorer? This problem may occurs because of browser compatibility issues.

      1. I have IE 11 with Mozilla FF e Google Chrome updated to the last release. I want to explain that I see this site properly on IE on four columns, while on the other browsers I see the site incorrectly on three columns. This happens for a couple of weeks so I think is due to the updates of the browser

        1. Charles Charles says:

          Hi Giovanni, I can not replicate the problem here. Your site works just fine in Chrome, FF and IE8-11 for me. Can you confirm that you still have this problem? Maybe test on another computer.

          1. Yes you are right. My website working fine on another computer. Well i will try to discover the issues. Thanks for your support

    2. Avatar TG says:

      I had the same problem. I fixed it by modifying the style.css file this way:

      #grid-wrap {
      position: relative;
      width: 980px; /* for IE8 */
      // width: 61.25rem;

      As you can see, I only commented the 2nd width entry. Hope this helps.

  76. Avatar paula says:

    Hi Charles, how are you? I would like to know if it is possible to open all the social media links in a different page? Because now if I click it will go to the social media and I lost my reader.

    1. Charles Charles says:

      Hi Paula, this is possible but there is no setting for this. You’ll need to add a new target to the links in the functions.php file.

  77. Avatar Tim S. says:

    Hi, I have a quick question that I have been struggling with for a bit. I am unable to remove the widgets from my site, despite checking and rechecking that there are none in any of the boxes on my WP dashboard. I’ve tried adding them, then deleting them but they never disappear. The widgets are Categories, Latest Posts, Recent Comments, and Archives. Any ideas on how to remove them?

    1. Charles Charles says:

      Hi Tim, The theme shows those plugins by default. A dirty ‘hack’ to hide them is to add an empty text widget to the widget area, but to get rid of the widgets altogether you’ll need to edit the template code.

  78. Avatar duchu says:


    I need to add custom buttons to you template. ACF is great option i this case, but dont know how to setup. Right now you can see that BG on button is set to blue, but i want to be the same like category where is button displayed.
    Can you help me ?

    1. Avatar Kris says:

      Do you mean you want to make the background overlay of the button be the same as the background of the title and excerpt?

  79. Avatar Samara Citizen says:

    Hi! Great theme, but I will probably have to look for another one due to several issues (that as I can see are the same for many users).

    1. Deleting that “Bookmark the permalink” thing causes disappearance of everything except the header.

    2. No way to set full width for single posts without sidebars (empty or not).

    3. In a lot of cases whenever I translate the inscriptions in some php files into Russian (those sen on the website by users, not any code itself) the same disappearance issue is frequent.

    4. I didn’t find the file where I can translate some inscriptions of the comment form (I translated them in some files, but they are still in English). That’s an issue of too many php files that probably substitute each other in a bizarre way instead of having fewer files with an easy way of customising the templates.

    5. I would love to hav the option of displaying site title and tagline to the right of the logo, not instead of it.


    1. Charles Charles says:

      Hi, I think that you should probably go ahead and use another theme. To address your questions…

      • I have not heard of this issue, and indeed can’t imagine how that is possible. Are you sure you haven’t deleted other important code elements at the same time?
      • No, that’s right. There is no option for alternative post templates. That’s not a bug, that’s just how it is. If you can show me a link to a free theme that does offer this option I would be very interested to see how they do it.
      • I don’t understand what you mean here.
      • The theme uses a very popular and common framework so to suggest it is coded in some unusual way is itself rather unusual. Many users have successfully translated our themes into other languages so I don’t really understand the problem here. Have you translated the language files which control all the theme text?
      • This is of course possible, but will require some theme customization. I suggest you find a local WordPress developer to help you with this.

      All the best.

  80. Avatar Samara Citizen says:

    It’s a pity, cause I like your theme in general a lot.

    I tried a few themes last night and there was one (can’t remember which as I deleted them afterwards) which had a content-sidebar home page and full width single post by default (already in live preview).

    I don’t translate the theme. I translate the inscriptions that readers see (like “Leave a reply”, “Next”, “Comments are closed”, “Tagged”, etc.).

    As for deleting the “Bookmark this permalink”, just scan comments here and in support for your theme and you’ll see that this is one of the main issues with your theme. No one knows how to delete this piece for sure and without messing the files.

    One more idea. Why include “full width” tag in theme description and multiple full width templates if your theme actually doesn’t support full width (=no sidebar)?

    1. Charles Charles says:

      Please understand I am not trying to be difficult. The theme simply doesn’t have a full width post template. You are welcome to create your own.

      The theme includes a full-width tag because it does have a full width template for static pages. Without some kind of plugin WordPress doesn’t support multiple template options for posts (to my knowledge).

      Did you use the default.po language file to translate the various theme elements? That should make things fairly easy.

      The solution proposed on the WP support forum for removing “Bookmark this permalink” seems to have worked for the folks in that thread and is marked as resolved – To be clear I don’t spend any time responding to queries on the WordPress forum myself simply because I don’t have time. I try to help here if possible, but this is not a day job and some requests are simply too indepth…I can’t provide customization support, for that I recommend Elto or Codeable.

  81. Avatar sarok says:


    after update my wordpress to 3.9.2 version my surfarama don’t work…

    any idea?



    1. Charles Charles says:

      Hi Sarok, I don’t know why that has happened. I suspect it is related to a plugin clash. I suggest you try disabling any plugins you are using and see if that ‘fixes’ the problem. If so you can isolated the offending plugin by enabling them one by one again until the problem reappears.

      1. Avatar sarok says:

        thx Charles, they work again… 🙂


  82. Avatar Anass says:

    Hey Charles;
    First of all thanks for the great support and quick response time. I want to do a hover effect on the posts in the homepage. But All i imanaged to do is change opacity. If you could help me out would be real cool bro.
    PS: I did some trials that resulting in showing the hovering image but it was always shown below the featured image not on top! :/
    Anyways Thanks for your time.

    1. Avatar Kris says:

      Download Simple Custom CSS wordpress plugin and on Appearance -> Custom CSS, add this code,

      .grid-box-img img {
      -webkit-transition: all 1s ease;
      -moz-transition: all 1s ease;
      -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
      transition: all 1s ease;
      .grid-box-img img:hover {
      width: 100%!important;

      This is only a simple image hover effect.

      1. Avatar Michelle says:

        Thanks a lot!

  83. Avatar OLIVOY says:

    Hello there,
    I use the plugin cforms with surfarama theme.

    I would like to have the same style for forms made ??with cforms as the original forms from surfarama theme.
    but I can not do it, and I do not understand why.
    someone has an idea ? thx

    1. Avatar Kris says:

      There are plugins that we cannot override its style. Try to download Simple Custom CSS and in Appearance -> Custom CSS, add your css code.

      1. Avatar OLIVOY says:

        thank you for the info, I’ll try it now

  84. Avatar Linda Eg says:

    Just love the way this theme looks, but I am getting an error message everytime i wish to click on a post or anything else for that matter… it says: The requested content cannot be loaded. Please try again later.
    Hope you have a fix for this.
    (I am trying this on my android tablet with google chrome and chrome for windows, both are having this issue.

    I am removing the theme from my site for now, because it’s not functionel, but would love to get it working.

    1. Charles Charles says:

      Hi Linda, I don’t know what would cause that. It’s possible there is a clash with a plugin you are using, but I can’t be sure. Are you using a plugin for the translations?

  85. Avatar Michelle says:

    Hi! Your theme is really great! I just want to ask how to lengthen or show the full content or the excerpt when shown in the archives. I tried to find the values in functions.php but no success. Any help would be appreciated.

    1. Avatar Kris says:

      Locate content.php and for all the post types(for example: content-aside.php, content-chat.php), then inside this div <div class="entry-content post_content">, add this code

      <?php if (is_archive()) {
                  echo surfarama_excerpt(100);
      } ?>

  86. Avatar shahak says:

    HI. I love that theme! Small problem: the search box get’s stuck all the time. How do i fix that? Thank’s.

    1. Charles Charles says:

      Hi Shahak, what you mean by ‘the search box gets stuck all the time”. Can you share a link to your site so we can check it out?

      1. Avatar shahak says:

        Hi Charles! I meant that the search box is getting stuck, when trying to search the site. You can check my site and see the problem (i hope) – Thank you !

        1. Charles Charles says:

          Hi Shahak, hmm, I don’t know what is causing that. To be honest I know nothing about setting up WordPress to run RTL so I don’t know if the changes required would cause this or if indeed you have a plugin of some sort which might clash with the code in the theme. If you are running some plugins I suggest first that you try disabling these and see if that “fixes” the problem. If it does then you can enabled them again one by one until you identify the one which causes the clash. Then you can determine if you really need that plugin or if there is another alternative plugin which doesn’t cause the clash.

  87. Avatar Zampaï says:

    Hello, I am very interested by this awesome theme. However, I would like to individually set the size of each block. Is it possible ?
    I see that the last-post block is bigger and that some posts are middle size, and other small size. How to set that ?

    1. Charles Charles says:

      Hi Zampaï, the size of the blocks is not a setting, it is determined by the dimensions of your photo. In other words all blocks are the same width, only the height adjusts automatically determined by the dimensions of the featured image. The only exception is the latest post (or latest ‘sticky’ post if you use that feature of WP) which is always double the width.

      Hope that makes sense.

      1. Avatar Zampaï says:


  88. Avatar Chris says:

    Hey, excellent theme!

    Is it possible to add the time and date to posts on the home page? What coding would I need to add and to what file and code? Thanks a lot!

    1. Avatar Kris says:

      You can try this code <?php the_time('l, F jS, Y')?>, you can place this code inside all the post format files like content.php, content-video.php, etc. below <h2 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'surfarama' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php if(the_title( '', '', false ) !='') the_title(); else _e( 'View Post', 'surfarama' ); ?></a></h2>

  89. Avatar Mark says:

    Thanks for this great theme. I’ve set a static homepage, but my problem is that nothing is showing up. Whatever I do, whatever page I set as home I just get a blank page. Any idea why? Many thanks.

    1. Charles Charles says:

      Hi Mark, are you using any plugins? If so I recommended disabling these temporarily to see if that changes anything. If so then you can enable them again one by one to see which one specifically is clashing with the theme.

      1. Avatar Mark says:

        Hi Charles. I’ve deactivated every single plugin but I still have the same problem.

        1. Charles Charles says:

          Hmm, I’ve been able to duplicate this bug. Working on it now. Will release an update asap. Thanks for the heads up.

  90. I created and activated the surfarama child theme. If I copy the file functions.php in the child theme folder, the site does not work and it appears a white screen.

    1. Avatar Kris says:

      Be sure that your function.php file in you child theme folder has a opening PHP tag and no extra white space on the 1st line. For more information, follow this link, Child Themes

  91. Avatar Mike says:

    Is there an easy way to move the sidebar to the left side of the page, or will doing this break the theme?

    1. Charles Charles says:

      Hi Mike, there is no easy way to move the sidebar. It’s doable, but will require code customizations. You might find someone at Elto or Codeable who can do this.

      1. Avatar Mehmet says:

        Hi there, is it possible that grid-box-img objects at home page are shown as gallery slideshow, instead of static pictures ? Thank you.

        1. Charles Charles says:

          Hi Mehmet, anything is possible of course, but this would require you create an entirely new home page template.

          1. Avatar Mehmet says:

            Thanks for the reply, it’s better if I don’t try that at all 🙂

  92. Avatar Zampaï says:


    Is it possible to activate “infinit scroll” instead of pagination in surfarama home page ?

    1. Charles Charles says:

      Hi Zampaï, this isn’t a core feature of the theme, but anything is possible of course. Have you tried the jetpack plugin? I think there is an infinite scroll option bundled there which might work. There may be other plugins to try also. I’m not a fan of infinite scroll myself so havn’t tried them.

      1. Avatar Zampaï says:


  93. Avatar Winston says:


    Great theme, perfect for what I need, just one issue I have, when trying to upload image for new logo nothing happens at all! I have tried the theme on a different domain of mine and it works fine! any help much appreciated


    1. Charles Charles says:

      Hi, that sounds like a pemissions issue. Have you tried uploading images to a post? Does that work?

      1. Avatar Winston says:

        Ok thanks, yes images upload fine, thinking there may be a conflict with one of the plugins, can this happen?

        1. Charles Charles says:

          Hi Winstone, yes this is possible though seems unlikely if you can upload images to posts ok. I can’t replicate the problem here though so that would be the next thing to try disabling plugins and see if that ‘fixes’ the problem.

  94. Hi Charles, I just love this theme for my website, so thank you very much!

    But I have also one question, and am I trying to solve this for months now, but I didn’t succeed so far…

    There a white sidebars on the left and right on the homepage next to all the posts. And I want a newsletter widget on the right side of my posts. But the only place I can place this widget is on the bottom.. Is there a way to get this widget on the right side?
    I am really new to this thing, and still learning every day, so I hope you can help me.
    I use mailpoet for making the newsletter, which works perfectly fine, only not on the right spot.. 🙂

    Kind regards,

    1. Charles Charles says:

      Hi Petra, there is not easy way to do this. The theme is a fixed width and has no room to add a sidebar on the home page. You would need to do some fairly significant theme customization to achieve that. I suggest you try Codeable or Elto for this kind of thing. Also you might consider adding your newsletter widget to the sidebar on post pages(?).

      1. Avatar Petra Hoogkamp says:

        Sorry, I didn’t get a message that you already answered, so I just saw your reaction this day. Thanks for your tip of putting it next to the posts! Sometimes the solution is much more simpel than you think! 🙂

  95. Avatar Arthur says:


    I already left a message 5 days ago about this theme, mentioning how much i appreciate it and some features that’d be cool to add to it.
    So i don’t know whether my comment was inappropriate or you’re just taking some time to answer.

    Nevertheless, in my previous comment you’ll see i had some request about adding audio post formats.
    So this is just to let you know i finally came up with something that looks as i wanted it to be.

    You can check it on the website ->
    (look for the orange grid-box)

    Still, i’m struggling to make a function that would retrieve audio urls, and not just print the content in the grid-box like i did there.

    Any leads you could provide me to achieve this in the most efficient way?

    And let me know if my comments annoy you, i’ll stop.
    Oh and let me know if you guys’d be cool for some open contributions to this theme. I mean, i’ve been tweaking it around almost since it’s been released and would really gladly enjoy if i could contribute making it even better.

    1. Avatar Kris says:

      Sorry for the late reply, you can create audio format file by copying the content.php file and name it to content-audio.php. Then in retrieving the audio url, you can add this code below or above line #61,
      $postaudio =& get_children( array( 'post_parent' => $post->ID, 'post_type' => 'attachment', 'post_mime_type' => 'audio', 'orderby' => 'menu_order', 'order' => 'ASC' ) );
            if ( !empty($postaudio) ) {
                $firstaudio = array_shift( $postaudio );
                $th_audio = wp_get_attachment_url( $firstaudio->ID ); //get the url of the attached audio
                echo do_shortcode('[audio src="' . $th_audio . '"]');

      1. Avatar arthur says:

        Awesome! thanks

  96. Avatar Kirsty says:

    I’m loving this theme – i’ve tried out so many and feel like i’ve finally found one that will fit with my blog. Thanks for making it free!

    I want to move the homepage sidebar from the footer to the right side.

    I have tried copying the sidebar-post template to sidebar-home but this hasn’t changed anything.

    I’m really new to all this coding business so if you have some newbie-proof advice i would really appreciate it!


    1. Charles Charles says:

      Hi Kirsty, that change is not trivial and is certainly more involved than we can get into here. It would require template and CSS changes. If you need professional help I recommend you try Codeable.

  97. Avatar Kirsty says:


    Sorry, I have another question.

    I’m struggling to find the right place to insert target=_blank to open the social media icons in a new tab.

    In header.php could you point out exactly where in this code i should enter the target?

    I have tried various places and either nothing happens or my site loads as a blank page.

    <a href="” class=”social-fb” title=””>target=”_blank”


    1. Charles Charles says:

      Hi Kirsty, you are close…you just need to put the link target inside the href tag.

  98. Avatar Kirsty says:

    Thanks Charles! Great theme and great support!


  99. Avatar Luke says:

    First off what a wonderful theme, thank you so much for your hard work and excellent product. I’m just wondering if there is a way I could have an image as the background for the main menu at the top of my home page. I have an image designed and would love to put it in. Failing that is there a way to adjust the size and/or color of the main menu? Thanks.

    1. Avatar Kris says:

      Download Simple Custom CSS WordPress plugin then go to Appearance -> Custom CSS and add this code, nav[role="navigation"] {background: url("/*image link here*/") repeat scroll center center / 100% auto rgba(0, 0, 0, 0);}

  100. Avatar Luke says:

    Hi Kris, Thanks for your suggestion. I’ve done what you suggested and am not seeing any change on my page. Any idea why this might be, I’m still pretty new to all this but am really enjoying learning. Anyway, thanks for your help and please let me know if there’s anything else I can try. Thanks,


    1. Avatar Luke says:

      Thanks Charles, that image was more of just a test one as it was my old blog header, here I’d be happy to just add an image behind the menu and title area so I’ll set to work at picking and editing a different image tomorrow and following the previous advice making sure I use the correct link this time. Bonehead mistake I know. At any rate thanks so much for the quick support and the truly excellent theme! All the best.

      1. Charles Charles says:

        OK got it. Do try that CSS that Kris provided with another image URL and see how you go. If you have followup questions we are happy to try and help.

        1. Avatar Luke says:

          Thanks Charles. I’ve got a picture in there now and it’s looking better. I do have two follow up questions. First is it possible to have the image be under not just the menu but the website name/title as well. I know this might be too complicated. Beyond that is there a simple way to edit the size, font or colour of the menu and the text in the menu? I can’t find this for the life of me. Thanks so much.


          1. Avatar Kris says:

            Here is the CSS code for that,
            header[role="banner"] {background: url("") repeat scroll center center / cover rgba(0, 0, 0, 0);}
            And for the font color and font-size of the text in the menu, here is the CSS code,
   ul li a{font-size:/*insert size here*/;color:/*insert color here*/;}

  101. Avatar Luke says:

    Not sure If my last message posted so I’ll try one more time. Thanks for all the support so far. Two questions now. I’ve tried your latest code Kris but I’m wondering if it’s possible to have one image behind both of them. With the code you provided it displayed the same image twice, one behind the header and one behind the menu. I’m also having trouble in the customize option of uploading my own logo. I’ve created .png and .jpeg files in the recommended size but nothing happens when I try to upload them. Any ideas? Thanks for the fantastic theme!

    1. Avatar Kris says:

      header[role="banner"] {background: url("") no-repeat scroll 0 0 / cover rgba(0, 0, 0, 0);}. This CSS will give a background of whole header area.

      nav[role="navigation"] {background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;} This CSS will remove the background of the menu.

      Note: After uploading your logo, do not forget to save. Thanks.

  102. Avatar Luke says:

    Thanks a bunch Kris. I’m almost there. Have the one image behind the entire header and menu. Thanks for your patience. Now when I try to change my header image in the customize menu on the main site it brings up only the option to upload an image or drop a file to upload. I do this, the file does upload into my media library but nothing happens and it does not appear on the page. The only save button at the top of the customize menu reads saved and therefore I cannot save it. Any customize cod i could use to upload a png or jpeg fill to replace the black title of my page. Thanks so much for all your help with this, you’re helping me make my blog into something I can be proud of.

    1. Avatar Kris says:

      Try to deactivate all the plugins and upload the logo again. Or can you give me any screenshot so that I can see the problem?

      1. Avatar Luke says:

        Thanks Kris, Ill try that out later today. My computer has broken down so I have limited access right now, but if deactivating the plugins does not work ill try to get some screenshots of the problem. Thanks a lot.

  103. Avatar Kim says:

    Love your theme!
    Thank you so much for making it available to us and being so proactive about answering questions.

    I would like to know:
    Is there a way to move the page widgets from the sidebar to the footer?

    1. Charles Charles says:

      Hi Kim,

      Not without some reasonably serious template customization which goes beyond what we can get into here. Only the homepage and full page templates have the footer widget area, so you’d need to add this to other templates if you wanted to achieve that.

      If you need some professional help with this I recommend Codeable.

  104. Avatar Sheraton says:

    Hi Charles, we have the Surfarama Theme and notice that the css have a bug in it! Example when upload a video and putting it in the post or page it will not keep the video within the frame! Take a look. We like know when a update will take care of this. We have also tried this with other themes and it seems to be with your Surfarama only.

    1. Charles Charles says:

      Hi Sheraton, I gather you are using a plugin for your videos? I ask because I’m looking at this page and the video isn’t displayed in an iframe: – Looking at the code it seems the video is set to display 918px. Are you sure the plugin doesn’t give you some control over the width it displays?

      1. Avatar Sheraton says:

        Hi Charles, this is a standard video player that WordPress has. However if I change the theme to another them like “Twenty Fourteen” it will fit in it’s container! I have also turned all plugins off to see if it was a plugin issue! With them all turned off, the issue is still there. I really love the theme and would like to use it for video! Looks like it is within the code somewhere. Here is my site using another theme with video player playlist! I can leave like this for 6 hours for you to see!
        PS: This is WordPress standard video player! Not a plugin! Thanks Charles

        1. Avatar Kris says:

          Hello I have tried adding a video on the surfarama theme and it works fine. Can you give a screenshot about the issue? Thanks..

          1. Avatar Kris says:

            Thanks for the screenshot, download Simple Custom CSS WordPress Plugin then go to Appearance -> Custom CSS and add this code, .wp-playlist video{margin:0!important;}

  105. hi, just wanna say that surfarama is a great theme for multiple purposes. i’m writing a culture blog in german language and i really appreciate that pictures included in the particular post appear automatically as front-pictures on the startpage, even without adding them as featured image in the article. didn’t found any theme that could manage that. thanks.

  106. Avatar Jen says:

    I absolutely love the look of this theme, but when I load it for the first time, the images frequently overlay for a few seconds before the unscramble and it is slow to load. Any suggestions?

    Thank you!

    1. Charles Charles says:

      Hi Jen, glad you like the theme 🙂 The home page loads this way because the theme needs to load the pics before it lays them out in the masonery style. The best advice I can give is to make sure you upload featured images that are not too big. If the page needs to load a number of large featured images then it will take a bit longer. Hope that helps.

  107. Avatar Andy says:


    How can I control the home page meta description please? Im using yoast for all other pages but can see how to edit the home.

    Great theme btw


    1. Charles Charles says:

      Hi Andy, if you are using the default home page then you can edit the meta description in WordPress SEO plugin settings (SEO > Titles & Metas > Home). If you have set a different page as the home page then you can edit the title and meta description on the edit screen for that page (just look for the WordPress SEO section). Hope that helps.

  108. Avatar Andy says:

    Got it thanks! Actually as much as I like yoast, that part isnt exactly clear.

    Planning any updates, nothing to complain about just think its such a good theme youd want to progress it?

    1. Charles Charles says:

      Hi Andy, glad you like it. There is no new releases scheduled at this time, but I when we have the time we will be taking another look at all our themes.

  109. Avatar Szymon says:

    I’m very glad user of Surfarama theme. Could you please tell me how add transition in menu and submenu (change color on hover and make submenu expand slowly). I don’t know where add the code and I’m not sure how it should looks like.
    Thanks in advance.

    1. Avatar Kris says:

      Download Simple Custom CSS WordPress plugin then go to Appearance -> Custom CSS and you can add this code, ul li{

      /*transition for the parent menu*/ ul li a{
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;

      /*transition for the sub menu*/ ul li ul.sub-menu {left: 0;
      opacity: 0;
      position: absolute;
      top: 40px;
      visibility: hidden;
      z-index: 1;
      -webkit-transition: all .25s ease;
      -moz-transition: all .25s ease;
      -ms-transition: all .25s ease;
      -o-transition: all .25s ease;
      transition: all .25s ease;
      } ul li:hover ul.sub-menu {
      opacity: 1;
      top: 50px;
      visibility: visible;

      1. Avatar Szymon says:

        Thanks Kris, your tip was excellent.

  110. Avatar Szymon says:

    Hi, it’s me again. I’m curious; is it possible to set one link (to subpage) in menu in other color than other? I’d like to single out one menu item to be more vivid. If it’s possible could you explain me how? Thanks in advance.

    1. Charles Charles says:

      Hi Szymon, this isn’t really possible without some real theme hacking which I wouldn’t recommend.

  111. Hi Guys, I am using your Surfarama Theme, how ever on Firefox is look like this>>>
    Here are real live links to theme!
    Your help would be awesome!

    1. Charles Charles says:

      Hi, I’m not sure what is causing that. It looks like you’ve used a plugin to power that slider? If so I suggest reaching out to the plugin developer. Or if you need professional help you could try Codeable.

  112. Avatar richard says:

    A list of links to working websites powered by this theme would be very helpful. Applies to all theme developers BTW.

    1. Charles Charles says:

      Hey Richard, yes I agree that would be a neat resource, but quite time consuming to compile and maintain as people using free themes tend to swap them out pretty regularly.

  113. Avatar ChepeCarlos says:

    I love this teme 🙂

  114. Avatar Diana says:

    I am using a theme you created which I like Surfarama, Version: 1.1.1 via

    I need to know how to create a static ‘home’ page. Is it only by creating a sticky post? as I see posts do show there. But I would like users to see on first reaching the ‘home’ page 4/5 ‘topics’ ( pages I have created).
    What do you suggest?

    1. Avatar Kris says:

      Go to Settings -> Reading. Then you can now set the Static front page.

  115. Avatar Iesus says:

    How I can add text to the top of the page, just below the menu bar ??
    Thank You

    1. Charles Charles says:

      Hi Lesus, the theme includes an alternative home page template that includes the ability to add some intro copy. To use this you need to create a new static page (call it something like Home) using the alt home page template. The content of that page will display the masonry grid of posts as on the demo. With this set up you go to Settings > Reading and set that new page as the home page.

      1. Avatar Iesus says:

        1000 thanks

Comments are closed.