Foghorn Theme

Foghorn is a minimalist WordPress theme built off the foundation of Twenty Eleven. It has a custom options panel for switching layouts, removing sidebars, uploading a logo, and changing footer text.

Foghorn’s design is responsive, meaning it looks good at any browser width including iPhones and other mobile devices. View the theme demo at

Foghorn Example Index

Foghorn Example Post

Foghorn Options Panel

GitHub (Development)

91 thoughts on “Foghorn Theme

  1. Brian wrote:


    This is seriously the best responsive WP theme I have found; thanks for the great work!


  2. vynyc wrote:

    We are trying to have the Video on the home page as well, but cant do it. it shows only inside the post… any suggestions?

    • Devin wrote:

      When using the the_excerpt(), like the index.php and archive.php templates do, video content is going to get stripped out. One option is to change that to the_content(), which will display the full content. My plan is to eventually support post formats, like video, which will display that type of content differently. Those changes are likely a couple weeks out.

      • Steve wrote:

        Hello, trying to change this, but where to I do that, where do I change to the_content().


      • Devin wrote:

        Inside content-index.php.

  3. rob wrote:

    Rookie here . . . love the theme but not sure how to make the small photo appear to the left of the post as you show in the example . . . advice appreciated in small words and lay terms.

    • Devin wrote:

      Set your “featured image”. In the post editor, it should be on the right side of the screen. If you don’t see an option for it, check under the “screen options” tab (up top) to see if it’s hidden from view.

      • sameer wrote:

        How do i set the feature image from the existing gallery image. When i click the feature button, it open a dialogue to select image from computer, from url, from gallery. But for gallery section there is no flat to set that as feature. Its only insert into post.

      • Devin wrote:

        Click “Set Featured Image”, choose “Media Library” tab, click on the image you want to use, click “Use as Featured Image”.

  4. Steve wrote:

    thank you very much!

  5. Emilie wrote:

    Fantastic Layout! One problem though…

    When I upload a big logo (mine is 800px wide), it does not resize in smaller windows. Wondering if I’m doing something wrong or if the CSS should be tweaked?

    Thank you.

  6. WPmika wrote:

    Great theme!
    A quick question, can I use this theme as a start framework for a commercial theme?
    I would really appreciate an answer!

    • Devin wrote:

      Yes. Please read the included license for details.

  7. maria wrote:

    Great theme. However when sizing down to iPhone size the side bar widgets drop out completely. Is there a way to have the side bar widgets appear under the main content area?

    • Devin wrote:

      Yes, you’d need to edit style.css. Just remove the {display:none} on the sidebar area for that screen size.

      • Andreas wrote:

        What I have to really edit to make this working? I can’t find it.

        Thanks in advance.

  8. Çağrı wrote:

    Great Theme!! I’ll use after a few fix in my mind…

    Thank You…

    • Çağrı wrote:

      Hi. I found a bug, left side in single. php doesnt shown in internet explorer 8.. I havent test other explorer versions.


  9. Andrew wrote:

    Great theme & exactly what I was looking for to simplify by site.

    Is there any way to set the featured image automatically on older posts? Maybe grab the first image in the post & make it the featured one? I don’t want to have to go back and edit 500 posts but if there’s no other way I will.

    Thanks Again!!

  10. Andrew wrote:

    Looks like it only does this dynamically and does not go back and actually “fix” the missing pix. I’ll keep looking, thanks!

  11. Peter Clark wrote:

    Hey, as a rookie on wordpress, I’ve gotta say thanks so much for all the high value help to us newbies. I really like the look of the theme and appreciate all your work.

  12. Rodrigo wrote:

    Thanks a lot for such a great theme :-) I’ll definitely use it.

    I have a question: is there a way to remove the automatic “Continue reading” setting? I mean, I’d like the theme to show the full post on index if I don’t set “Continue reading” to split the text.

    Thanks a lot in advance.

    • Rodrigo wrote:

      Another doubt would be: is it possible to remove the big date/category from the left on the single post page, giving more width to post content? Sorry for double posting.

      • Devin wrote:

        Yes, you’d need to styles.css. You can see when you move the browser window to a smaller size the date showsup inside the post. That’s all done with CSS.

    • Devin wrote:

      Yes, you’ll need to edit the index-content.php to display the_content rather than the_excerpt- then you should be able to do that.

  13. Allan Moreno wrote:

    This is actually the same theme is using right here (with little to no background customization):P
    Haven’t you noticed, guys? ;)

  14. dubcomm wrote:

    I’m trying to build a template for my landing page, and would like it to be full width… There are options already coded in regarding said selection, so how can I set this up?

    Aside from a few little custom things, this theme is exactly what I’m looking for, thanks very much for sharing!

    • Devin wrote:

      If you just want it just on a landing page (and not all pages) you’d need to create a page template and do a couple tweaks to the code. If you want to hire me, or make a small donation, I can write out the code for you.

      • dubcomm wrote:

        Doesn’t the CSS for a full-width page already exist? I’m kinda curious why you didn’t make the options into page templates to begin with?

        In any case, creating a template should be no problem, but ideally I can use the already existing CSS information… + I’m getting lost in the php building these pages, I haven’t seen some of the calls before, like:

      • Devin wrote:

        I’ll look into adding the templates in the next version. Not too much work.

  15. John wrote:

    Your theme is great, thanks so much for sharing! Just a quick question, is there a way to use the 1 column layout and create just one single page that has no sidebar?

    • dubcomm wrote:

      Seems I’m not the only one looking for this fix… I think it will go a long way towards the accessibility of your theme!

      • John wrote:

        My bad, I didn’t see your question about above me in the thread. And yeah I agree, that single addition would really make this kick ass theme that much better.

  16. moocondo wrote:

    Hi, thanks for make a great theme. it’s easy and nice.
    Love it!

  17. Robin wrote:

    Hi there,
    I’ve been using your theme, which looks great, as a foundation for a new website. I’m still editing stuff (it’s far from finished) but apparently I broke something and I can’t find what… It might not even be in the CSS since whenever I look for whatever could have been inadvertently changed, I can’t find anything.
    The problem is: when seeing a page, the content-wrap is 0px high, and as a result the comments box appears right below the page title. It doesn’t do this on single posts. You can see it here:

    Could you please take a look at the source and see if you can find anything? If you need any additional detail let me know, I really wonder what’s the issue.


    • Devin wrote:

      Your site isn’t coming up for me. But based on what you wrote you might have forgotten to close a tag. Try running it through a html validator. I can’t offer a lot of support for folks customizing the theme- so also try posting this in the support forums.

      • Robin wrote:

        I found the problem, running it through a validator as you suggested. There was some unrelated text in a completely different portion of the sheet, probably due to an unvoluntary ctrl+v… Thanks :p

  18. Gian wrote:

    I’ve been using this theme for quite a while now. Thanks!

    • Devin wrote:

      Thanks for sharing. It looks great.

  19. Bianka Hajdu wrote:

    I really like your theme and would like to translate it into Spanish. My question is if its «localized using the the GNU gettext framework» as explained in this post? Thank you!

    • Devin wrote:

      Yes, it’s localized correctly.

  20. Charlie wrote:

    How hard would it be to either:

    * Put a widget area in the header or footer,
    * Convert the navigation menu from the header to a vertical menu widget in the side bar *and* keep its nice appearance and drop-down action,
    * Or add social media link icons to the header?

    I’m using the navigation menu in the header and Simple Social Icons in the side bar. But it looks sort of skewed sideways. I’d like to make it look more vertically centered again.

  21. It’s a very simple and great theme, but is it possible to add a picture, draw … at the top of the page??

  22. Jimako wrote:

    Your theme look great. Thank you for sharing, really good work.

    I have only one question, maybe stupid one. Sorry.
    I needed to exclude child posts, so I use this plugin:
    It works in other themes, f.e. Twenty Eleven 1.3, but not in this one.
    Thank you for help.

  23. Pingback: » 30 High Quality Free Responsive WordPress Themes 2012

  24. Hidde wrote:

    Thanks for this awesome theme, I customized it a bit. And now its almost perfect :D

  25. Pingback: 22 High Quality Free WordPress Themes for 2012

  26. Aloun wrote:

    Very nice theme , thank you for sharing it !
    My question about the logo : does it have responsive width ? it appears a little bit too big on my phone ? Anything I can do ?
    Many thanks,

    • Devin wrote:

      You could change the size of that font in media query by editing the css.

  27. aloun wrote:

    Hi ,
    I tried with #branding (and header h1) {width:50px;} in the media query 480px but it doesn’t work. It’s a picture in fact not a font , that I loaded trough the option framework.
    Thank you again if you can help me !

  28. Jamie wrote:

    Excellent theme, Devin, I love it and it almost suits my requirements. One thing: I need to have the flexibility to make some posts and pages full-width. I was surprised to find that this isn’t included. How easy would it be to create a switchable template for posts and pages? Excellent work.

    • Devin wrote:

      Working on this for the next version.

      • Jamie wrote:

        Thanks, Devin. I look forward to that. As other people have said this is a fantastic theme. The beauty in its simplicity!

  29. Matthew wrote:


    Is it possible to remove the date when you search for posts/pages? I want the dates to go away when I search for pages.

    I go on a page from my menu and it’s fine, but if I search for a page, the date of its last edit shows up in the search results.

    How do I remove those dates?


  30. Jessica wrote:

    Thank you for making such well-built theme! I’ve built themes from scratch before and was preparing to start again for my own site when I found foghorn. It is such a nice foundation to work from and has saved me gobs and gobs of development time.

  31. Marcos wrote:

    Hey great theme! I am really enjoying it!

    A quick question. I am trying to make the INFINITE-SCROLL plugin run on your theme but apparently I don’t manage to make it work. Any suggestions?


    • Devin wrote:

      You probably don’t have the right selectors set up. I believe you need to use “#nav-below .nav-previous” as the selector.

  32. Logan wrote:

    awesome theme btw, but any way one can have the author of he article show up in the front page list of recent posts. It currently has the category, a icon for comments, but author would be great too. May just be as simple as including another variable but I do not know that variable. my coding experience is pretty slim. Thanks for your help!!!

  33. Pumpkin Brew wrote:

    This is a great theme! I used this as a base and then modified it to suit what I needed to do for a website – mainly, I converted it to fixed width. I’m having an issue with the right menu disappearing when a device’s horizontal resolution is low, however. It doesn’t display on my cell phone, and disappears suddenly from my browser if I narrow the browser width. I notice the same issue exists on the example theme here, so I assume it’s intentional. In any case, would you happen to know why this is happening and how to fix it such that the right menu always displays (even if the user has to scroll to the right to see it)?


    • Devin wrote:

      Hi Pumpkin. Yeah, that’s a media query kicking in at the lower resolution and setting the sidebar to display:none. You could edit that in styles.css and remove it.

  34. Pumpkin Brew wrote:

    I figured out the issue. The reason the side menu disappears at a certain width (below 880px, it seems) is because of the “Responsive Structure” CSS. I just had to comment out two sections in the CSS as follows to get the menu to stay no matter what width (even though I now need to scroll to see it at a narrow browser width):

    @media (max-width: 880px) {
    /* Simplify the basic layout */
    /*#main {
    .layout-2cl #main {
    #primary {
    /*#secondary {
    display: none;

  35. TheMan90 wrote:

    I have a little problem here…
    How do I get images to show at the page showing recent post
    (Now they only show in the page of the post)
    Great Theme by the way! :)

  36. Sebastiaan wrote:

    Hi, it’s a great team you’ve made and we’re using it for our website! One question through, is it possible to set the header image to fit to the theme (so if the image is bigger it will automatically re-size)? If so, where do I have to alter the CSS file?


  37. Dawson wrote:

    Very neat and wide layout theme. Thanks for keeping it clean and options panel is really handy. Kudos Devin for creating such an awesome theme!

  38. Juergen wrote:


    I would like to change the text “Continue reading”.

    Where can I change that?

  39. Joanna wrote:

    Hi Devin,

    Great theme but I’m having some problems customizing the menu. I want to add a gray box around the text menu only. Not the entire menu area. I’m not really good at CSS and installing plugins is not really that necessary. Kindly help me please. thanks!

  40. Victor wrote:

    Hi Devin
    I’m setting up a blog and I have been searching for a really effective wp template and I found it- thanks!
    Can I add facebook and twitter likes as well?


    • Devin wrote:

      There’s a number of plugins that can help you add Twitter/Facebook buttons. I like the “AddThis” one.

      • victor wrote:

        hi Devin, thanks for the quick reply. Once again, great template!

  41. phil wrote:

    Great theme… is it possible to show full posts on the front page instead of excerpted versions?

  42. Thank you for the best simple WordPress theme. I’m using this theme for my site too.

  43. bitoolean wrote:

    Hi. I’m using this for my personal blog. I’m practicing PHP/JS/CSS by making several modifications (aesthetic preferences) and additions (customize widgets) to the website. I don’t usually use this overused word, but it’s awesome. I’ve removed the footer link to your website until I’m done with modifying it (shouldn’t take much longer), but of course I’ll still keep one probably in the “thanks to” type of link ticker/scroller on the main page.
    Thank you for allowing public access to this beautiful theme!

  44. Raúl wrote:

    He has done a great theme. I use it on my website and wanted to ask if it is possible to make a translation of small items such as box “search” (and the button) the text of “Continue reading →” and stuff.


    • Devin wrote:

      I just checked and all the strings look translatable. Did you find any that weren’t?

  45. Shon Williams wrote:

    I am trying to load a custom logo under theme options. Nothing is working. What format should the logo be in?

    • Devin wrote:

      Gif, png, or jpg.

  46. Raul wrote:

    Thanks for the reply. I was checking one by one the files and I found the texts to translate testing to verify that texts had to change and I managed to find all, and change language

  47. murad wrote:

    Hello Devin, it is really a nice work. I’m feeling comfortable working with Foghorn. But i need to add a banner image at the right side of the logo. so how could i use the space to add an image ? Would you please help me out by giving some suggestion
    Thank you . . .

  48. Amy wrote:

    Thank you so much for including an author box with this theme. I have been wrestling with a plugin and still do not have it figured out. With this theme, it is perfect. My question: I was thinking about changing the border color that surrounds the article post snippet on the main page and around the individual post. Is that a background color or a border color? Thank you again for such a rich theme. Love it.

  49. Rémi wrote:

    Great theme. How to make responsive custom logo ? I mean, custom logo (added with Options Framework) to be automaticaly resized in terms of the screen used. I explode Twenty Eleven theme options but nothing found.

Leave a Reply

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

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