Surfarama

surfarama-wordpress-theme-sm1

Download Theme

Surfarama is a simple, bold and colorful theme suited to blogs and online magazines who like to feature great imagery. See Surfarama.com 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

Need help? We offer WordPress help.

295 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?

      • 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 !

        • 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') );  ?>

  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 wordpress.org 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 http://www.solentoverlord.co.uk/blog/overlord-2014/traders/

    • 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 help@wpdevshed.com 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

    Thanks

    • 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

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

  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 help@wpdevshed.com

  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?

    Cheers!

  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:http://justintadlock.com/archives/2009/04/15/how-to-widgetize-your-page-menu-in-wordpress, 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.

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

      • 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 WordPress.org 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.

    Thanks

    • 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,

    Anne

    • 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

      • 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,
        David

        • 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

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

            David

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

  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. http://youthjoint.com/alpha/?cat=4
      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.

      Cheers

  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?

    • Hi @Brook,

      Thanks for using our theme

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

      Hope that helps

  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 ?

    Thanks

  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.

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

      • 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
        sarkeet.com/travel-guide.Please help

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

  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?

    thanks.

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

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

  29. 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?

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

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

    • 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 help@wpdevshed.com to discuss more, thanks

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

  32. 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 %?

    • 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

  33. 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 🙂

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

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

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

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

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

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

    • 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

  36. 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?

    Thanks

  37. Hello,

    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.

    • 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 help@wpdevshed.com and we can provide an estimate.

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

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

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

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

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

  40. 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: http://displacedcrumpet.com/

    Do you know where I am going wrong?

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

  41. 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. :-/

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

  42. 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
    greetings

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

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

    • 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

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

    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.

  45. Charles,

    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: http://www.geo-jobe.com/wordpress-plugin-for-arcgis-online/

    My OS is Windows 7 Professional x64.

  46. 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?

  47. 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?

    • 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

  48. Hi

    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.

    Thanks

    Harri

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

  49. A suggestion for a change.

    When I flipped the entire site at skank.com.au 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(//fonts.googleapis.com/css?family=Open+Sans:300,400,400italic,700);
    16 @import url(//fonts.googleapis.com/css?family=Open+Sans:800); 16 @import url(https://fonts.googleapis.com/css?family=Open+Sans:800);

    Cheers.

  50. hello,

    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

    • 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

  51. 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)

    • 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

  52. Hi Charles,

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

    Thanks!

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

    • 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 🙂

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

        • 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!

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

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

  54. Hey
    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

    • 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).

  55. Here is the link to my website: http://theplayer-blog.com/
    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

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

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

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

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

  58. 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?

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

  59. 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!

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

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

      • 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

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

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

  61. 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.
    Regards,

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

  62. 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?

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

  63. Hello

    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 ?

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

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

    Thanks,
    Andy

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

  65. 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 wp.org 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)?

    • 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 https://wordpress.org/support/topic/bookmark-the-permalink – 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.

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

  66. 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.
    Thanks;
    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.

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

      .grid-box-img img {
      width:110%!important;
      max-width:110%!important;
      -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.

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

  68. Hi!
    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.

    • 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?

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

    • 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);
      } ?>

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

    • 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?

      • 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 !

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

  71. 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 ?

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

  72. 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!

    • 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>

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

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

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

  74. Hi,

    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

    Thanks

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

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

  75. 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,
    Petra

    • 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(?).

      • 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! 🙂

  76. Hi,

    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 -> celluzine.fr
    (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.

    • 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 . '"]');
             }

  77. 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!

    Thanks,
    Kirsty

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

  78. Hi,

    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”

    Thanks,
    Kirsty

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

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

  80. 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,

    Luke

    • Hi Luke, there’s a couple of reasons this did work…

      1. You didn’t use the URL of the image. You used the attachment page URL. The image is here.
        That said, I don’t think that image is going to work in this instance. You asked how to put a back ground image behind the navigation. Looking at that image it seems to me what you want to to is replace the entire header with that image. That is a whole other thing and honestly goes beyond the simple CSS support we can provide here.
    • If you need professional help with this I recommend Codeable or Elto.

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

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

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

            Luke

          • Here is the CSS code for that,
            header[role="banner"] {background: url("http://www.awearoundtheearth.com/wp-content/uploads/DSCN3427-1024x196.jpg") repeat scroll center center / cover rgba(0, 0, 0, 0);}
            nav[role="navigation"] div.menu{background:none;}
            .
            And for the font color and font-size of the text in the menu, here is the CSS code,
            div.menu ul li a{font-size:/*insert size here*/;color:/*insert color here*/;}

  81. 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!

    • header[role="banner"] {background: url("http://www.awearoundtheearth.com/wp-content/uploads/DSCN0962-1024x162.jpg") no-repeat scroll 0 0 / cover rgba(0, 0, 0, 0);}. This CSS will give a background of whole header area.

      nav[role="navigation"] div.menu {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.

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

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

  83. 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?

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

  84. 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. http://www.godsent.tv/

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

  86. 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!

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

  87. Hello,

    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

    Andy

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

  88. 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?

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

  89. Hi
    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.

    • Download Simple Custom CSS WordPress plugin then go to Appearance -> Custom CSS and you can add this code,
      div.menu ul li{
      position:relative;
      }

      /*transition for the parent menu*/
      div.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*/
      div.menu ul li ul.sub-menu {left: 0;
      opacity: 0;
      position: absolute;
      top: 40px;
      visibility: hidden;
      z-index: 1;
      display:block;
      -webkit-transition: all .25s ease;
      -moz-transition: all .25s ease;
      -ms-transition: all .25s ease;
      -o-transition: all .25s ease;
      transition: all .25s ease;
      }

      div.menu ul li:hover ul.sub-menu {
      opacity: 1;
      top: 50px;
      visibility: visible;
      }

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

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

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

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

  92. I am using a theme you created which I like Surfarama, Version: 1.1.1 via wordpress.org

    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?

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

Comments are closed.