Frontier Theme

Frontier is a clean, multi-purpose theme built on HTML5 and CSS3 standards. It incorporates responsive properties to accommodate mobile devices. Frontier lets you choose from 1, 2 or 3 column layouts in many configurations. Make use of the many widget areas and theme hooks to easily modify the theme to suit your needs. Make the theme your own by incorporating a custom favicon, logo, header image and more. Frontier accomplishes all of these while maintaining minimal file size that makes for a fast and efficient WordPress.

Theme Features:

  • One, two, three column layout.
  • Responsive layout for handhelds.
  • HTML5 & CSS3 compliant.
  • Numerous widgetized areas.
  • Numerous theme hooks.
  • Simple jQuery Slider.
  • Custom CSS Option.
  • Custom Favicon.
  • Custom Header Logo.
  • Custom Header Image.
  • Custom Background Image.
  • Threaded comments.
  • Translation ready.
  • Small file size < 350Kb.


Have questions? Take time to read this page: Frontier Documentation


The many faces of the Frontier Theme. Click the images to expand.
Frontier Theme Front Page
Frontier Theme for WordPress. A free, multi-purpose theme. The default layout with one sidebar.
WordPress Theme Ads
Banner and Ad Areas. Note: Widgets outside the container need to be positioned manually with CSS.
WordPress Theme 3 Sidebars
Frontier Theme Three Columns
WordPress Full Width Theme
Frontier Theme One Column
Share Post :


  1. Sorry, I haven’t seen your answer there it was on the next page

    Yes, it few days ago I disabled the comments, but now I want them activated again but that doesn’t work.

    1. Have you enabled the comments on Frontier Options -> Single View?

      Also, check this comment. It’s possible that your comments are disabled on a per-post basis.

  2. Hi Ron,
    I’d like to thank you for your great work on Frontier Theme. I like it very much. May I modify your css (eg. font-family, color…) or I have to put all changes into the custom css?
    Thanks for your reply.

    1. You can add your own css either on the Custom CSS option or on a Child Theme style.css

      If you edit any of the parent theme’s files then your changes will be deleted when there is an update.

  3. This might seem like a silly question. But is there a way I could make that “Read Post” button say something else, like “More” ?

    1. Add this on a child-theme functions.php

      function custom_continue_reading_text() {
           return 'More';
      add_filter( 'frontier_continue_reading_text', 'custom_continue_reading_text' );
      1. Hello, Ron. I tried adding that to the child and it did nothing. The text only showed up at the very top of the page. Just above the Top Menu.

        Any other way around it? I’d like mine to say “Leer.”


        1. I’m looking at your site and your “Read Post” button isn’t even turned on.

          1. Yes, I turned it off because I can’t get it changed to what I need and my site is in Spanish.

            I already have everything else translated if you’re wondering. This is the only thing missing.

        2. Regarding the function above, where did you get your child theme? Did you download it from this page or have you created it yourself? It’s possible that if you’ve created it yourself then you might have forgotten to add <?php on the very top of the child theme’s functions.php

          I already have everything else translated if you’re wondering.

          What did you use to translate the theme? The button’s text is translatable so I don’t get why you haven’t translated it the same way. The button’s text are “Read Post” & “Read Page”

      2. Is there a way to edit the summary that appears on the front page independently of the actual post?

        1. You can add a manual excerpt for each post that is independent of the actual post. When you edit a post click the Screen Options on the top right corner of the page then check excerpt. You can add your custom summary on the excerpt box that appears below the post editor.

      3. Thanks!

  4. Greetings,

    We use Frontier for our website/blog and we’re having an issue. When the administrator (me) writes posts, there is no author listed in the byline. When another user (Editor role) writes a post, her name is in the byline. Any help would be appreciated, we can’t tell if this is a theme issue or a WordPress issue.

    1. This is the first time I’ve heard of something like this and I can’t seem to reproduce the issue you’re having. It’s probably something specific to your setup. You could try turning off your plugins to check whether any might be causing this issue. Have you tried changing display names on the affected user?

  5. Hello,
    I wanted to ask how to fix the livescore script loads the entire width of the mobile phone.

    1. I really don’t know. The iframe on your page seems to have a specific width set to it automatically, meaning the script controls the width. You should ask from where you got your script.

  6. Hello,

    I would like to remove the border around the container. How can I do this?

    Thank you!

    1. The container doesn’t have a border. It does have a shadow which you can remove by adding this on Frontier Options -> Custom CSS

      #container {box-shadow: none;}
  7. I use frontier. However, when using the tablet looks messy sidebar widgets, Please help and thank you

    1. What do you mean by messy? I can’t help you if you use vague descriptions. Also, you’re using an old version of the theme. Check first if using the latest version fixes your issues.

      1. Thank you very much Ron, you are right after I update the theme to the new version all problems is finished. May the many blessings thank you Ron

  8. Hi Ron

    I wrote you before, but I still have one remaining problem that I seem utterly unable to solve: The header background image “triples”, no matter what I do! It does so regardless of the size of the image used. I truly hope you can please tell me how to solve this problem.

    Thx again for a great theme!

    1. That’s because you set the header’s min-height to 100px but your logo’s height is 222px. The header’s min-height is used to set the background image’s height. Go to Frontier Options -> Display then set the header height to 222px or whatever you actually intend the header height to be. On Frontier Options -> Custom CSS add #header {min-height: 0;}

      1. Hi Ron

        You are absolutely right! Thanks a million!

  9. Hi Ron,

    I have just started using your Frontier theme and really pleased with it, great job πŸ™‚

    My question is, how do I list my categories below the header? At the moment, by default, it lists all of my pages which I don’t really want as they are all the legal pages pretty much (apart from sitemap, home & contact pages which I’d like to keep there) that I would normally put in widget at bottom of right hand column.

    Any help would be much appreciated,



    1. Create your own menu on Appearance -> Menus then set theme location to Primary.

      1. Thanks Ron, much appreciated πŸ™‚


  10. Ron,

    First of all I love the Frontier theme. Thank you. There are a couple of things I’d like to figure out how to do. The very top bar, with the Title on it – is there a way to make that wider? Also, how can I change the color of the title?

    I’m sure these have been asked before, but I couldn’t find anything while searching for them.

    1. Wider? If you mean for the top bar to be wider than the rest of the page or to extend to 100% of the entire screen then no, since top bar is inside the container that has a set size. However, it’s possible to create a new top bar outside of the container using the frontier_before_body action hook, you’ll have to use a child-theme.

      You can change the title’s color by adding this on Frontier Options -> Custom CSS

      #top-bar #site-title a {
          color: #FFF;
  11. I should have made myself more clear. I’d like to know if I can have the top bar drop down more and then increase the title font size if possible. I meant longer vertically not horizontally

    1. I meant longer vertically not horizontally

      The term “taller” instead of “wider” would’ve made it clearer. This should increase the height:

      #top-bar {height: 60px;}

      This might be useful for adjusting other elements:

      1. Thank you very much. I also want to increase the font size.

        I successfully changed the title font size by this:

        #top-bar #site-title a {font-size:150%;}

        That worked perfectly. I also want to increase the size of the tagline but I tried this and it didn’t work:

        #top-bar #site-title #tagline a {font-size:150%;}

        I’m sure I’m close but obviously missing something.

    2. There is no id named #tagline with this theme. Use #top-bar #site-description instead of #top-bar #site-title #tagline a The post I linked previously discusses how to pinpoint the right IDs and Classes so you wouldn’t have to guess.

      1. My apologies. I thought I had read thoroughly. but obviously missed it.

        Thank you for your time and a great theme.

        1. No problem. I see that you used #top-bar #site-description a. You should only use #top-bar #site-description without the “a” since the description is not a link.

  12. Hello! I love this theme but, how do i do to add jetpack infinite scroll to it? πŸ™ please guide me.

      1. Worked like a charm πŸ™‚ thank you

  13. Where can I update the SearchForm wording “Search for:”….?

    1. You can add this on a Child Theme functions.php

      function ra_custom_search_text( $form ) {
           $form = str_replace('Search for:', 'New Text:', $form);
           return $form;
      add_filter( 'get_search_form', 'ra_custom_search_text' );
Comments are closed.