Home » WordPress Themes » You are reading »

Mesocolumn – Responsive Free WordPress Theme for Community

Like or Dislike the theme, please let us know by submitting your rating

Mesocolumn is a blog, magazine, community and eCommerce free WordPress theme. You can choose a blog style layout or featured category magazine grid layout for homepage. The Theme is built with semantic HTML5 and CSS3 for modern browser. With the responsive layout, it will look good in any mobile device such as android phone, iphone or ipad. On top of that, the theme also support popular community WordPress plugin, BuddyPress and popular ecommerce WordPress plugin, WooCommerce. Need to setup forums? No worry, the theme also support WordPress Forums plugin, BBPress.

mesocolumn free wordpress theme

Excellent Free WordPress Theme for Multisite

With the built-in theme options to control logo, favorite icon, colors, headers, background and many more features, it is a best compatible and suited theme for anyone running a WordPress Multisite. You can let your network users choose their own colors, fonts, headers and backgrounds according to their choice to customize their site.

With over 600+ Google web fonts to choose from and unlimited color schemes to play with. User can brand their own site with the logo and favorite icon uploads in theme options.

Want to built a Community?

meso-free-wordpress-buddypress-theme
With the built in support for BuddyPress, you can setup instant community website using this free WordPress theme, no tweak or customize to template needed.

Want to sell your own products?

woocommerce-in-mesocolumn
The theme also support WooCommerce and JigoShop WordPress Ecommerce Plugin. With a customize grid based product layout with distinct short description, get those orders running in no time!

Using Adsense and Advertisement Banner

If you need to monetize your site, this free WordPress theme comes with built-in advertisement placement options such as 728×90 or 468×60 leader-board banner in top header, medium and large rectangle banner in right sidebar, single post top and bottom.

Each Category with own colors

mesocolum-category-color-options
The theme had built in category color options which you can setup each category own unique colors. Let each of your category had it own distinct colors.

v1.6+, color options is in wp-admin->posts->categories->your category->edit category->select color. same goes for tag etc. for page, when create or edit page, there’s a add color metabox in right top side.

Built for Mobile and Desktop

Truly one of the best responsive free WordPress theme today. With its responsive mobile friendly design, its compatible with devices like Desktop, Tablet, small phone, i-Pad, iPhone, and Android Phones too. Try resizing your browsers to see different layout option.

People Love this Free WordPress Theme

I’m using Mesocolumn for designing my website as a delivery system of my lessons. Thank you, Richie KS, for creating this theme for us. You help not only me but also my students. I’ve also appreciated your quick response and great support.

Huriken

User at WordPress.org

85bbd6960959c94a62a0e845e95f85ab

The best theme there is if you need a theme that works well with BuddyPress. Especially if you need widgets exclusively for the BP-pages. Highly recommended.

Janebletz

User at WordPress.org

00331ece6eae1e1fd343acccc40c950e

I’ve used this theme for a Faq site. Perfect. An now on a new Forum website underco. with bbPress. No problem, no troubles. We’ve done some work in php for our needs, and the child-theme works.
OK with any new version of WordPress, and so with the theme.
So, 5 star 🙂

Alessandrarossi

User at WordPress.org

8d60e996b2f87982b53e70dba2d3db64

Themes looks very nice and also responsive (no need to worry on mobile optimization!). There are a lot of features worth using as well. Thanks!

Motionape

User at WordPress.org

29e890909121a195f053347a6653436d

I have always loved the freedom to choose what I do with my theme without all the coding complications and payments. This Theme is by far the best!

@factsaboutnutrition

User at WordPress.org

9a6059a1e919b80eddafd4fd9efd2540

For more testimonial and reviews, go to the theme’s WordPress.org reviews page.

viral and buzz WordPress theme

Here’s the theme full list Features

– BuddyPress, BBPress, Jigoshop and WooCommerce Ready.
– Page Templates for blog with excerpt, blog with full content, full width, sitemap and links.
– Logo and Favorite icon WordPress core built-in.
– 700+ Google Web Fonts with Font Previews to choose from.
– Color Options for each Category.
– Unlimited Color Choices for navigation, sidebar, footer and links.
– Featured Category Grid or Blog Layout in homepage.
– Unlimited Sidebar Featured Category Widgets.
– Google or any embed advertisement code in header, sidebar, post loop and single post top and bottom.
– WordPress Built-in Custom Header, Background and Menu Supported.
– Schema markup support *can be disable or enable.
– Custom widgets such as Featured category, Most Commented and Recent Comments.
– Localization Ready ( mo and po file inside language folder ).

Schema markup, addthis social sharing, social counter, twitter and flickr feed widgets are now under Social Jet WordPress Plugin

Don’t believe me?, check out the live demo in top right.

Mesocolumn How to (FAQ)

1. Using script code without shortcoder
For security reason, script type code is disable in theme options. to enable it read faq.txt
2. How to add Left Sidebar?
Download this zip and upload to wp-content/, if you already had meso-custom-functions.php in wp-content/, just copy paste the code into it.
3. Replace mobile menu with 2 dropdown mobile menu from previous version?
update to latest mesocolumn v1.6.5.1 via themes. download this zip
http://cdn.dezzain.com/1/2016/11/meso-dropdown-mobile.zip
and unzipped it, and upload the ‘meso-custom-functions.php’ into ../wp-content/
*if meso-custom-functions.php already exist, copy paste the code into it.
the double dropdown mobile menu should showed instead of mobile menu. clear cache etc first.

Related Topics:

WordPress Themes
Mesodark – Free Responsive Black Theme for BuddyPress and WordPress Website
WordPress Themes
Dezzain Free WordPress Theme – Zoxengen
WordPress Themes
Dezzain Free WordPress Theme – Box Tube
WordPress Themes
Dezzain Free WordPress Theme – Timeline Digest
Zip
http://cdn.dezzain.com/1/2013/06/mesocolumn-wp-theme-150x150.jpg
Download Version 1.6.5.1Preview This Theme
1.6.5.1
WordPress 3.8.1
Version 1.6.5.1

- update to same version on wordpress reposity trac

Version 1.6.5

- tested with WordPress 4.4.1
- tested with PHP7 and reconstruct custom functions
- customizer now fully supported
- updated Google web fonts listing
- remove theme options. now using customizer api setting
- remove category color options. now on posts->category or taxonomy->edit category color
- remove page color options. now on edit page->page color option
- remove get_theme_option(), using faster setting query with get_theme_mod()
- remove 'sidebar banner setting' in new customizer setting
- remove dropdown mobile menu and added new mobile custom menu
- fixed image alt did not follow image alt text options in media setting
- fixed post author link with space in url
- fixed homepage featured category messed up if slider did not show up
- fixed top header advertisement shortcode issue
- new option for text count in homepage featured category
- new option to enable and disable first image grab for featured thumbnails
- new option separating article and breadcrumb schema options
- new custom post type multi widget
- new faq.txt

Version 1.6.4.1

- fixed woocommerce function error after updated to woocommerce v2.3.2

Version 1.6.4

- replace TEMPLATE_DOMAIN language string to theme slug 'mesocolumn' for theme submit guideline
- separate responsive css with style css
- fixed margin error for left and right in larger browser size
- add ins background transparent style to remove yellow background
- featured slider with post ID now support all custom post type
- cache categoy color for query optimization
- updated superfish js and css to latest version
- added font weight for font options
- added thumbnail, medium or large featured image option for blog and archive list
- added default blog or magazine style for blog post
- added image size option for featured category homepage
- added options to enable or disable built-in schema.org markup
- added options to enable or disable responsiveness

Version 1.6.3

- added microformat for Google snippet test passed
- fixed ads right widget shortcodes issue

Version 1.6.2

- Tested compatible with WordPress 3.8 and latest BBPress, BuddyPress, Woocommerce and Jigoshop
- added thumbnail and medium choice for featured category widgets
- added rtl style support
- added featured slider height options
- fixed buddypress random group function error bug
- fixed theme options->general reset bug
- fixed comment_template inside child theme issue
- validate HTML5
- update fontawesome to latest version and remove from theme. use netdna cdn source instead
- fix spelling error for advertisment.php file
- Right advertisement block and sidebar tab are now sortable via widget
- remove custom-functions.php in theme and moved to wp-content. read faq.txt

Version 1.6.1

- added tabbed for theme options
- optimize database save options into array with register_setting() for lesser db query *need to re-save all options
- replace h1 with h2 in archive/index page for seo purpose.
- logo and fav icon upload disable, now use full path url save instead.
- Remove/disable script insertion in theme options for security reason. Read FAQ #11 how to use script with shortcodes
- skip version 1.5.8 - 1.6 for theme review revision

Version 1.5.7

- Tested compatible with WordPress 3.7 and latest BBPress, BuddyPress, Woocommerce and Jigoshop
- Fixed language string not working in theme options
- Edit featured category option using category id to fix none-english and latin greek character slug bug
*you may need to resave the featured category in theme options
- Fixed missing BBpress login widget in Firefox
- Added support for jigoshop ecommerce plugin
- new option: disable or enable shop custom grid style
- Added 4 more Homepage Featured Category to total of 10
- Added category color support for woocommerce or jigoshop category
- removed front-page.php
- moved custom.css to wp-admin->appereance->custom css

Version 1.5.6

- remove remaining schema.org markup for header,sidebar and footer
- fixed homepage featured category with '&' in category name
*you may need to resave the featured category in theme options
- re-edit theme footer credits

Version 1.5.5

- moved custom.css to theme root for easier editor edits
- redefine functions prefix
- new option: control excerpt word count
- new option: editable read more text
- new option: hide and show comment close notice
- new option: related post count
- new option: enable or disable archives header

Version 1.5.4

- removed none gpl subtle background image *did not have any use in theme btw
- change theme footer credits link
- home featured category count now controlable via theme options

Version 1.5.3

- skipped version *ignore

Version 1.5.2

- removed addons folder and schema.php *both are now plugin dependable
- added 2 more featured category for homepage
- change featured image alt for better seo purpose

Version 1.5.1

- tested compatible with latest BuddyPress 1.8.1
- add compatibility with WordPress MU Sitewide Tag Imported Featured Images
- replace get_the_title with the_title_attribute in title html for images and links

Version 1.5

- starting from v1.5, addons folder will be in separate download to meet the requirement of theme submission in wordpress.org theme reposity.
- a simple download and drop the addons folder into theme will activate all the extra features

Version 1.4.4

- fixed missing google analystic in theme options
- fixed minor navigation css error

Version 1.4.3

- tested with WordPress 3.6+ and 3.7 bleed
- templating changes *clean install required - you need to delete previous theme and replace with the version (do not copy paste into current theme version)
- all extra component and features are now under addons folder *to pass theme guideline submission
- added addthis publisher id options
- update google web font list to latest

Version 1.4

- tested compatible with latest WordPress 3.5.2 and BuddyPress 1.8
- moved wp_enqueue_script() call to footer
- added option to enable WordPress breadcrumbs
- update twitter api functions
- added option to disable built-in Facebook Open Graph
- added 'page color options' similiar to 'category color options'
- fixed ie8 featured grid error
- update fancybox to latest version

Version 1.3

- update twitter widget and social counter with twitter api v1.1
- add global twitter dev api key and token setting in theme options
- remove lightbox rel in comment text

Version 1.2

- use category id string to store category color options
- fixed reset in category color options

Version 1.1

- follow Theme Unit Test Guideline
- fix buddypress sidebar
- theme check passed
- add child theme support

Version 1.0

- new release

WINDOWS
Price: $
0.00
4.5
(
84351
ratings )
Mesocolumn - Responsive Free WordPress Theme for Communityhttp://cdn.dezzain.com/1/2013/06/mesocolumn-wp-theme.jpghttp://cdn.dezzain.com/1/2013/06/mesocolumn-wp-theme-150x150.jpgRichie KS WordPress ThemesBBPress,buddypress,Editor Picks,WooCommerce,WordPressMesocolumn is a free responsive WordPress theme with built-in Google web fonts, SEO schema.org, unlimited color options and many more freemium features. DEZZAIN.COM
 Share
Enjoy This Article?, Follow us or Share it smiley

Search comments for solutions

6,480 Comments Already

  1. Hi, Thanks for the great theme. I would like to make the top nav menu sticky. I have tried
    #top-navigation { position:fixed; }
    but not EFFECTIVELY working as it is supposed to be.
    Please help.
    Thanks!

    Public CommentUserHi, Thanks for the great theme. I would like to make the top nav menu sticky. I have tried #top-navigation { position:fixed; } but not EFFECTIVELY working as it is supposed to be. Please help. Thanks!
    • ok found this solution that i gave for our supporter only, try it out, not sure if it work in new version. add to functions.php

      /*--------------------------------------------
      Description: add mesocolumn sticky nav
      ---------------------------------------------*/
      function meso_add_sticky_nav() {
      if( !wp_is_mobile() ) {
      if( is_user_logged_in() ) { $log = 'true'; } else { $log = 'false'; } ?>
      <script type="text/javascript">
      jQuery.noConflict();
      var $st = jQuery;
      var log = <?php echo "$log"; ?>;
      $st(document).ready(function() {
      // grab the initial top offset of the navigation
      var sticky_navigation_offset_top = $st('#top-navigation').offset().top;
      // our function that decides weather the navigation bar should have "fixed" css position or not.
      var sticky_navigation = function(){
      var scroll_top = $st(window).scrollTop();
              if (scroll_top > sticky_navigation_offset_top) {
              if( log == true ) {
              $st('#top-navigation').css({ 'z-index': '9999','position': 'fixed','top':30, 'left':0 });
              } else {
              $st('#top-navigation').css({ 'z-index': '9999','position': 'fixed','top':0, 'left':0 });
              }
              $st('#top-navigation').addClass('iegradient topping');
      
      		} else {
      		   $st('#top-navigation').css({ 'position': 'relative', 'top':0 });
                 $st('#top-navigation').removeClass('topping');
      		}
      	};
      	// run our function on load
      	sticky_navigation();
      	$st(window).scroll(function() {
      		 sticky_navigation();
      	});
      	$st('a[href="#"]').click(function(event){
      		event.preventDefault();
      	});
      
      });
      </script>
      <style>#top-navigation:before,#top-navigation:after{display:none;}</style>
      <?php } }
      add_action('wp_head','meso_add_sticky_nav',99);

      remember to remove the css you added.

      Member of DEZZAIN.COMAdministratorok found this solution that i gave for our supporter only, try it out, not sure if it work in new version. add to functions.php remember to remove the css you added.
      • Great it works!
        Thanks so much.

        Public CommentUserGreat it works! Thanks so much.
      • And how can I center the menu now? to be in the middle of the nav.
        Thanks.

        Public CommentUserAnd how can I center the menu now? to be in the middle of the nav. Thanks.
        • no idea, the menu is full width box, how to centered it???

          Member of DEZZAIN.COMAdministratorno idea, the menu is full width box, how to centered it???
          • Hi, yes the menu is fixed-full width now with menu links at the left side. I wanted some help to center the top nav menu links or to bring the top nav menu links to the middle of the page.

            Thanks.

            Public CommentUserHi, yes the menu is fixed-full width now with menu links at the left side. I wanted some help to center the top nav menu links or to bring the top nav menu links to the middle of the page. Thanks.
          • add this try..

            #top-navigation li {float:none;display:inline-block;}
            #top-navigation ul {text-align:center;}
            #top-navigation ul li {text-align:left;}
            Member of DEZZAIN.COMAdministratoradd this try..
  2. Hi,
    your theme is awesome. i need to center the top menu div. also, how am i going to make the right-sidebar div be mobile friendly? i mean to be located below the content post in mobile maybe using @media screen. I’m trying to do it on localhost and when i inspect the template in mobile responsive, the right-sidebar is fixed to the right not adjusting to the bottom of the content.

    thanks

    Public CommentUserHi, your theme is awesome. i need to center the top menu div. also, how am i going to make the right-sidebar div be mobile friendly? i mean to be located below the content post in mobile maybe using @media screen. I'm trying to do it on localhost and when i inspect the template in mobile responsive, the right-sidebar is fixed to the right not adjusting to the bottom of the content. thanks
    • did you enable responsive in customizer->general->misc?

      Member of DEZZAIN.COMAdministratordid you enable responsive in customizer->general->misc?
      • I have enabled it. Its now responsive. Thank you!

        Public CommentUserI have enabled it. Its now responsive. Thank you!
  3. First, on your Dezzain website about Mesocolumn, just beneath the section titled: “Here’s the theme full list Features,” it says “check out the live demo in top right.” Well, I can’t find a live demo anywhere near the top right. Am I missing something here?

    Second, I’ve already decided to switch my theme from Bezel to Mesocolumn regardless of the answer to these questions.

    I’m putting together a blog. I want three columns, and which I see can be done with Mesocolumn. Here are the other two things I’d like in a theme:

    The first is I’d like one of the three columns to be wider (possibly by double) than the other two columns. Is that possible in Mesocolumn without expensive plug-ins?

    I have three categories. I’d like to have one category displayed in the larger column, one category each in the other two columns. I’d like each column to display its category’s articles chronologically, but independently of each other.

    Are either or both of those going to work for me?

    Thank you:

    Nick

    Public CommentUserFirst, on your Dezzain website about Mesocolumn, just beneath the section titled: “Here’s the theme full list Features,” it says “check out the live demo in top right.” Well, I can’t find a live demo anywhere near the top right. Am I missing something here? Second, I’ve already decided to switch my theme from Bezel to Mesocolumn regardless of the answer to these questions. I’m putting together a blog. I want three columns, and which I see can be done with Mesocolumn. Here are the other two things I’d like in a theme: The first is I’d like one of the three columns to be wider (possibly by double) than the other two columns. Is that possible in Mesocolumn without expensive plug-ins? I have three categories. I’d like to have one category displayed in the larger column, one category each in the other two columns. I’d like each column to display its category’s articles chronologically, but independently of each other. Are either or both of those going to work for me? Thank you: Nick
  4. I am trying to install your theme on a blog. Have chosen colors for each category. But the category menu on top doesn’t show the underline in the corresponding color (can see that each category on the top menu has an underline in its specific color in your demo site). Can you help please ? thanks

    Public CommentUserI am trying to install your theme on a blog. Have chosen colors for each category. But the category menu on top doesn't show the underline in the corresponding color (can see that each category on the top menu has an underline in its specific color in your demo site). Can you help please ? thanks
    • you need to use custom menu in wp-admin->appearance->menus->location->primary. for it to show colors.

      Member of DEZZAIN.COMAdministratoryou need to use custom menu in wp-admin->appearance->menus->location->primary. for it to show colors.
      • Thanks for the quick response

        Public CommentUserThanks for the quick response
  5. Hi,
    I have Installed your theme on my site. But the site width is too much. That’s why I want to reduce site width. So how can I do it? Please help me.
    Palash

    Public CommentUserHi, I have Installed your theme on my site. But the site width is too much. That's why I want to reduce site width. So how can I do it? Please help me. Palash
    • try add this to custom css

      footer .innerwrap, header .innerwrap, #bodywrap, .innerwrap-custom-header, #main-navigation .innerwrap {max-width: 900px;} 
      Member of DEZZAIN.COMAdministratortry add this to custom css
1 405 406 407 408 409

Search comments for solutions

Write a Reply or Comment

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


You can wrap php, js or style css code with [PHP]..your code...[/PHP]