Mosaic

WordPress Theme

Mosaic Screenshot

Mosaic is a clean, lightweight and fully responsive theme. The theme option panel include three layout choices, custom logo, backgrounds, colors, typography and more.

Features

  • Responsive Design
  • Option Panel
  • WordPress 3.4+ Theme Customizer Support
  • Designed with SEO in Mind
  • Cross Browser Tested

63 Comments

      • Thanks Arthur, I notice the sidebar is gone when resized into smaller screen, is that intentional? Is it possible to make it visible and push that to the bottom of the left container and then followed by footer widget

        So, the flow is header>search>menu>Left content>sidebarwidget>footerwidget>footer.

        • Yes, it’s a feature not a bug. 😉
          You can easily enable it. Go to Theme Options > Styling > Custom CSS and copy there this code:

          @media only screen and (max-width: 767px) {
           #sidebar {
            display: block;
            margin: 30px 0 0;
           }
           #sidebar ul {
            margin: 0;
           }
          }

          • Thanks a lot Arthur! Is there any way to change the font beside the options available? Was thinking of using google font if possible.

  1. To add Google Font first go to Theme Options > Advanced > Header Scripts and add there link to your font, for example:

    <link href='http://fonts.googleapis.com/css?family=Paprika' rel='stylesheet' type='text/css'>

    Then in Custom CSS add the styles to whatever element you want. Code below will change the post title:


    .entry-title, .entry-title a {
     font-family: 'Paprika', cursive;
     font-size: 35px;
    }

  2. Hello,

    Fatal error: Call to undefined function wp_get_theme() in /mnt/159/sdb/c/8/er.v/wp-content/themes/mosaic/functions.php on line 55

  3. Hi Arthur, I manage to get the shortcode, but unfortunately unable to sort it.. would you mind to help? http://i.imgur.com/NCZzP.png

    // Add wp-views shortcode
    function mosaic_post_views( $atts ){
    if(function_exists(‘the_views’)) { the_views(); }
    }
    add_shortcode( ‘post_views’, ‘mosaic_post_views’ );

    • It’s happening because the_views(); prints result instead of returning it. If I’m looking at the right plugin, you should use this function like this: the_views(false);

  4. Hi,
    thank you for the theme , however when i add pages to menu bar at setting 16px size it would jump to second row how do you resize the main div or page so all my pages will fit in one column instead of 2?

    right now i have to set the size to 11px to fit all the options in the menu bar.

    thank you.

    • Well, you could simply change width of .container and #content, but then the theme won’t be responsive anymore.

      The much easier way to solve your problem, would be to create a drop-down menu.

  5. Is there a way to remove the title of a page from displaying at the top of the page? I’d prefer for there to only be the actual content from the page. Thanks for your help.

    • Go to Theme Options > Styling > Custom CSS and add this line:

      .single .entry-title, .page .entry-title { display: none; }

      • Thank you very much!

        I have another question. My header does not show up when the site is accessed on a smartphone or other device which results in a mobile theme, but it should automatically show up. Could you tell me how I can get the header to show up correctly?

          • Arthur, can you see the address I input just now in this comment. I checked the demo you mentioned and the header showed up fine, so I can’t figure out why the header for my site won’t show up correctly.

          • It appears you are using another mobile theme which is part of the Jetpack plugin, deactivate it.

            By the way I found out that image in the header doesn’t resize on smaller screens, to fix that add this CSS code:

            #logo img { width: 100%; }

  6. Hi, I like this theme but am having quite a bit of trouble with how its treating widgets.
    In particular, there seems to be some padding and borders added to images. Also, another widget that works fine on other themes, shows a vertical row of banners instead of side by side even if placed in a table. what’s going on with that?
    How do we remove the recent comments and archive dropdown menu from the header of this theme?
    Thanks

    • Hi,

      1) It appears your images are in the table which is styled that way, to fix that go to Theme Options and in the Custom CSS field add this code:

      #sidebar table td { border: 0; padding: 0; }

      2) Unfortunately sidebar is too narrow for two images (125x125px) in a row, it’s clearly a mistake. You could try resize them using CSS or parameters width/height in a img tag or simply use smaller banners e.g. 120x120px.

      3) Just go to Appearance > Widgets and remove everything from “Header Right” widget area.

  7. Arthur, I wasn’t sure if you’d see my reply to your reply, so I’m posting it again as a new comment just in case.

    My header does not show up when the site is accessed on a smartphone or other device which results in a mobile theme, but it should automatically show up. Could you tell me how I can get the header to show up correctly?

  8. I like this theme a lot — but I’m running into small issues. For example, I have tried to turn off Comments on posts (the box “allow people to post comments” is not checked), but a Comment link still appears above each one. It doesn’t appear to work, but it’s still there as a link, which might be confusing to anyone who stumbles across it. Suggestions welcome! Thanks!

  9. Thank you for the mosaic theme . I love the flexiblity of the fonts and background colours. I have been searching for these options for quite a while. Thank you !