Discussion on Matrix - Responsive WordPress Theme

billyf

billyf supports this item

Supported

This author's response time can be up to 1 business day.

419 comments found.

Prepurchase Questions: 1. Is this theme compatible with Visual Composer? 2. Is it possible to create horizontal page transitions with one of the WP plugins, so the content blocks move left to right? Thanks

Hi drschraibman,

Thanks for your interest in my theme! Regarding your questions :
  1. I have not tested it against Visual Composer because I think there is no need to use it. This theme is quite easy to use and the shortcodes are placed as buttons in the editor.
  2. Again, I have not tested it with such plugin. I wonder which plugin is it? Maybe I can try it out.

If there’s still any questions, feel free to contact me again.

Thank you.

Tariver

Tariver Purchased

Hey there, great Theme thank you! I would like to know if there is a way to get rid of the date in a blog post? For example here; http://billyf.expertvm.com/wordpress/matrix/blog/illustration-blog/this-is-the-title-of-article-1/ (The one on the top right side of the entry next to the tile)

I am new to wordpress, so your help would be very appreciated! Thank you :)

You’re welcome! Please don’t forget to rate my item when you have the time, I really appreciate that :)

If there’s still any problems using the theme, feel free to contact me for help.

Thank you.

Tariver

Tariver Purchased

I am sorry to bother again I just forgot something, all in all I would like the theme to appear less “bloggy” if you know what I mean :) Is there a way to turn off the author of a “blog post”? Or even use the tiles of the “home” page for sub pages? Thanks again for your help!

Hi Tariver,

No problem. You can remove the ‘author’ section by editing content-single.php via Tools > Edit and delete these 4 lines before </article> (but make sure you make a backup of this file as it will be replaced if you update the theme, unless you edit it in a child theme but I guess that’s too advanced for you since you’re new to WordPress).
<div id="authorinfo"><?php echo get_avatar( get_the_author_meta('ID'), 80 ); ?>
    <span class="author"><?php _e('Written by ', 'matrix'); ?><a href="<?php echo esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ); ?>"><?php echo $author; ?></a></span>
    <p><?php the_author_meta( 'description' ); ?></p>
    </div>

The comments can be switched off in Settings > Discussion (it’s a core functionality in WordPress) and the sidebar contains widgets which you can modify at Appearance > Widgets. I guess that makes it quite ‘less bloggy’ (but Pages / Portfolio Items would be more suitable if you don’t want the layout to look too much like a blog).

As for the tiles, they can’t be used anywhere else unless you modify it to make it a page template, or get a WordPress developer to do that for you. If you know HTML, you can apply the same codes for the tiles in the homepage (those in <div class="tile" />) to Pages / Posts through the Text Editor in WordPress when you create a new post, that’s if the tile content need not be changed often (e.g. as a hyperlink or gallery, for example).

Hope that clears your doubts.

Hey,

Do you provide HTML files along with the wordpress theme.

Harish

Hi Harish,

Thanks for purchasing my theme! Unfortunately, we can’t bundle items as per Envato’s policy. The HTML files can be purchased here if you need it (or you can create it from the WordPress template by saving / exporting the page as static HTML but you can’t really use this as it does not have valid license issued by Envato).

If you still have any problems / questions, don’t hesitate to ask me.

Thank you.

Tariver

Tariver Purchased

Hello,

I happen to have a question yet again. Is there a chance to add 4 “L” tiles in one row? II tried to adjust the sizes in the style sheet but unfortunately this didn`t really help. I figured it worked with “S” Tiles but they are a bit too small.

Your help yould be much apreciated! Thank you :)

Hi Tariver,

Unfortunately, there is no easy way for it because the size of each tile is in the increment of 160px (including the margin on both sides), which is why the tile images are 150px, 310px wide for small and large tiles respectively. The total width of the tile area is 960px.

The ‘easiest’ way (still not that easy, but relatively) is to adjust the code in scripts/javascript.js to accommodate for the size for this kind of tile (960 / 4 = 240px for large tile, i.e. 230px wide image). So, you will change this at line 78 of that file :
jQuery('#content-mos').masonry({
      itemSelector : '.tile',
      columnWidth : 160,
To this :
jQuery('#content-mos').masonry({
      itemSelector : '.tile',
      columnWidth : 120,

Now, the large tiles will arrange nicely after you’ve adjusted the width and height to 230px. If you wish to use the small tiles, you will need to resize them in CSS to 110px size instead of 150px, and 230px x 110px for medium tiles.

That should do the trick.

Thank you.

Regards, Billy

Arkien

Arkien Purchased

Newbie question, can i change the language of the contact us and about page?

Hi Arkien,

Thanks for purchasing my theme! You can change the languages through the .po / .mo files included in the theme in /languages folder. Then, you can follow steps 2 and 3 in this link to see how to use the .po / .mo files if you haven’t done this previously.

Alternatively, if you only want to change the language in these 2 files, you can modify template-contact.php and template-about.php (both at the root folder), preferably by using them in a child theme to prevent them from being overwritten by theme updates.

If there’s still any problems, feel free to contact me.

Thank you.

Arkien

Arkien Purchased

Thanks alot! bonus question, can it be done live? or do i need to reset it with the new files?

Hi Arkien,

You’re welcome! Yup, you can do it without having to reinstall your WordPress / the theme. If you are using the 2nd method (modifying the files and using child theme), you just need to install the child theme, modify the 2 template files and put them into the child theme directory.

Thank you.

Hi,

Your theme is really great, thanks! I have a question though : Is it possible to start an animation as a hoover effect over a tile. To be more precise, I would like to get an effect like on this website : http://www.sideeffectsmayvary.com/ So I was thinking if I create a looping animated gif as back image for every tile, is it possible to switch from front to back image as a hoover effect ? Thanks a lot Cheers

Hi pandorme,

Oh, if you are setting 1280px as the limit (I thought you wanted it to fill the screen), then you can use the following JavaScript code instead :
function matrix_fix_masonry() { var screenWidth = jQuery(window).width(); if (screenWidth < 1280) { jQuery('#mainpage-mos').width(screenWidth); } else { jQuery('#mainpage-mos').width(1280); }
For the CSS code, if you want to use percentage, you need to modify the JavaScript code from this :
jQuery('#content-mos').masonry({
      itemSelector : '.tile',
      columnWidth : 160,
      isAnimated: true,
      isFitWidth: true
    });
To this (make sure you have .small in the grid or use any other existing classes for sizing purpose:
jQuery('#content-mos').masonry({
      itemSelector : '.tile',
      columnWidth : '.small',
      isAnimated: true,
    });
However, when you use this technique combined with your CSS code (percentage width and auto height), the animation would not work as it needs to have its width and height set unless you remove .live (i.e. remove animation for tile).

So, setting fixed width / height is better and when you use the JavaScript code above, it will automatically detect the width to arrange the tiles, so make sure the sampler (.small in this case) is the smallest tile and other tiles have widths set as multiples of this. For example, if .small is 20% wide, medium / large should be 40% / 60% / 80% / 100% wide to be able to arrange nicely.

As for replacing flip with fade, you can try downloading the latest script and for data-mode, use ‘fade’ instead of ‘flip’ (you will either need to modify functions.php to add it into WordPress, or hard-code it in content-tile.php if you will only use fade). I have not tried this but it should work.

Thanks.

Hi,

thanks for your quick answer. Yes I want the images to fill the screen, like in my first reference : http://www.sideeffectsmayvary.com/ I was just explaining what I did to expand to 960 to 1280 as a first test but when I wanted to expand to the full screenwidth with the same technique, I got other problems I described. And when I tried your technique by deleting the few lines and put width: 100% for the #mainpage-mos, it didn’t work either.

But I think I will try to combine function matrix_fix_masonry() { var screenWidth = jQuery(window).width(); if (screenWidth < 1 * screenWidth) { jQuery('#mainpage-mos').width(screenWidth); } else { jQuery('#mainpage-mos').width(1 * screenWidth); } with this : jQuery('#content-mos').masonry({ itemSelector : '.tile', columnWidth : '.small', isAnimated: true, }); and with fixed width and height of the images. Or maybe I have to use max-width and max-height so that the images adjust properly to every screen size.

For the fade, I will try that, thanks.

You’re welcome! If you want to use full width, you can change the JavaScript to this instead :
var screenWidth = jQuery(window).width();
        jQuery('#mainpage-mos').width(screenWidth);

There is no need for the conditionals since you always want to have it fill the full width. You need to use width and height for the tiles but you can apply max-width and max-height to ‘limit’ the size if you want, but the latter is not a replacement for the former.

Thanks.

Arkien

Arkien Purchased

Can you help me with a CSS code to change the colour of the header and the link when clicking the logo?

Arkien

Arkien Purchased

I’m slowly becoming a CSS god thanks to you! but i do have a question about the link. I want to change the url embeded in the logo when clicking it.

Arkien

Arkien Purchased

So if i wanted the logo to link to www.google.com, what would the CSS be?

Hi Arkien,

CSS controls only the style (visual presentation) of the elements in the website.

If you want to change that, open header.php in any text editor or via Appearance > Editor and find this line (at line 290) :
<a id="headerlink" href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img id="logo" src="<?php echo $smof_data['matrix_logo_image']; ?>" alt="logo" /><?php if ( $smof_data['matrix_sitename'] != 0 ){ ?><span id="sitename"><?php if ( $smof_data['matrix_custom_sitename'] != '' ){ echo $smof_data['matrix_custom_sitename']; } else { bloginfo( 'name' ); }?></span><?php } ?></a>
Change replace the value in href attribute to the link that you want, such as :
<a id="headerlink" href="http://www.google.com" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img id="logo" src="<?php echo $smof_data['matrix_logo_image']; ?>" alt="logo" /><?php if ( $smof_data['matrix_sitename'] != 0 ){ ?><span id="sitename"><?php if ( $smof_data['matrix_custom_sitename'] != '' ){ echo $smof_data['matrix_custom_sitename']; } else { bloginfo( 'name' ); }?></span><?php } ?></a>

However, you will need to make a backup of this file because it will be overwritten when you update the theme in the future. So, you will need to replace this file or make the change again if the header.php file is also updated.

Thank you.

Hello , the design is excellent. But I need to use the page in full screen format so that four tiles look at the home . You can change the “content -mos ” to 4 columns look ?

Hi Appliedmarketing,

Thanks for purchasing my theme! Well changing the width to accommodate 4 large tiles in a row is not easy because it involves changing some JavaScript files as well, so if you just want to have 4 tiles in a row, you can refer to this solution.

Back to your question, if you really want it to take up 4 tiles in a row (1280px wide), then you need to open scripts/javascript.js and find these lines :
if (screenWidth < 960) {
    jQuery('#mainpage-mos').width(screenWidth);
} else {
    jQuery('#mainpage-mos').width(960);
}
Then, change those to these :
if (screenWidth < 1280) {
    jQuery('#mainpage-mos').width(screenWidth);
} else {
    jQuery('#mainpage-mos').width(1280);
}
Also, since it affects the homepage only (otherwise you’ll need to modify many other elements to make it wider), add these code to Theme Options > Custom Style :
.home #container{
max-width:1280px;
}
.home .fixed-medium{
max-width:416px;
}

That should work.

Thanks.

Hi I want to buy the theme. However, fist I want to know one more thing. On the front page you have a lay-up consisting of all blocks. Is it possible to have the same layout on a second page, so not on the front page.

I will email you, what is your adress

I mailed you via your user profile

Hi,

It’s there, I’ve included a link as well in the email in case I wasn’t clear enough.

Thanks.

fab3131

fab3131 Purchased

Hello, First of all, great respect for your amazing work. Then, I have a few questions: 1) Is it possible to only use homepage Tiles as page or categories links instead of Last articles links? The idea would be to use the tiles as a menu. 2) Is the maximum number of tiles is customizable or a fixed value?

Regards, Fabien

fab3131

fab3131 Purchased

Hey again, I’m playing with the tiles for some time and I got a question.

Is it possible to manage a tile position (next to a specific tile, below a specific tile, etc.) or are they automatically added by post creation date or something else?

Hi Fabien,

The tiles are sorted by published date (latest post first). If you want an ‘easier’ way, you can try Post Types Order plugin but if you use this plugin, you must uncheck ‘Auto-Sort’ in the plugin settings and manually add the chunk of code into index.php (it would be added automatically by Auto-Sort) because there’s a bug in the plugin which would cause the header menu to disappear if you don’t uncheck it.

Hope that helps.

Thank you.

fab3131

fab3131 Purchased

Work like a charm!

I’m creating a support now about the widget into tile thing.

Thanks again.

Hi! Great Theme. Can I password protect the posts. Thanks

Here’s the link http://northmedia.in/

Hi varun0911,

If you want to hide the whole header, you can use this code in Theme Options > Custom Style
header#siteheader{
display:none;
}

Thanks.

Worked!!! Thanks a tonne. :)

Arkien

Arkien Purchased

Can i somehow increase the maximum tiles above 14?

Hi Arkien,

Thanks for purchasing my theme and sorry for the delay as I was away for the past few days. Yes, you can increase it by changing the settings at Appearance > Theme Options > Home Settings > Number of tiles.

Hope that helps.

Thank you.

Regards, Billy

Tariver

Tariver Purchased

Hello, I would like to know if it’s possible to add a sidebar to a regular page site (similar to the one on a blog page)? If so, how can I add this? Thank you for your help!

Hi Tariver,

Thanks for purchasing my theme! Can you please send an email to me via my profile page? I’ll just send the file to you through email.

Thank you.

Tariver

Tariver Purchased

Hello, how to make the footerarea responsive and in screenwidth? Thank you for your help!

Hi Tariver,

The footer area is responsive and in screen’s width when the screen is below 960px. Maybe you can send an email to me with the screenshot attached to show the problem?

Thanks.

Hi, I was trying to customize the widgets that open up on clicking the ‘plus’ signs at the top and bottom of the page. I am using demo data that comes with the theme. So these widgets don’t appear anywhere on the dashboard in wordpress. The images used in these widgets are no where to be seen in the media library. It’ll be great if you could guide me in customising the same. Thanks, Varun

Hi, Got it.Its under theme options. Thanks

Hi varun0911,

Yes, they are all set under Home Settings in Theme Options. However, since the current version, you can now add widgets (e.g. Recent Posts widget, Twitter widget etc.) at the featured content section on homepage via Appearance > Widgets.

Thanks.

Hey, I installed this theme to my client and he needs some additional settings: How do I remove that grey background over my custom background image? And also, my clients wants the title of the post to be displayed on every tile image with some text. How should I proceed?

Thank you.!

Hi deaknorbert,

Thanks for contacting me bur as a general rule at ThemeForest, we authors will only respond to verified buyers because of the large number of piracy cases.

Can you please contact me using the account used to purchase the theme, or send an email to me with the purchase code for verification purpose?

Thank you for your understanding and sorry for the inconveniences caused.

Regards, Billy

Hi deaknorbert,

Thanks for supplying the purchase code but I have requested to get it removed because this page is viewable by the public.

Nevertheless, I’m currently on holiday so can you please send an email to me via the Support tab on the item page (beside Comments tab) and I’ll answer your question tomorrow when I’m back to my workspace if that’s ok?

Thanks and sorry about the delay.

Regards, Billy

I’m loving the theme and I’m so impressed with all the help you’re providing! I’m hoping you can help me with a problem that I’m struggling with. I’ve been using CSS to customise the menu and have changed the size, colours and background successfully. There is only one thing which I can’t figure out. The menu link to the current page doesn’t behave like all the other links. If I’m hovering on one of the other links, the link to the current page reverts to a very pale grey. I can’t find anything in the code which would be specific to that link, but there must be something I’m missing. Thanks in advance!

Gah! I knew as soon as I posted I’d work it out. ;)

Hi onlinepastor,

Thanks for purchasing my theme, I’m glad you love it and figured it out by yourself :) If there’s any problems / bugs with the theme, feel free to contact me.

Have a good weekend!

Regards, Billy

Hi Billy,

Great template. How are posts entered in this WP version? Through the dashboard editor? Or manually, like in the HTML style? Does the archive calendar auto populate? I purchased the HTML script and love the flexibility. But it looks like a big job to keep up all the files if you post a lot of pages.

Best Regards, -Steven

Hi Steven,

Thanks for your interest in my theme! Regarding your questions :
  1. How are posts entered in this WP version? Through the dashboard editor? Or manually, like in the HTML style?
    Posts are entered through WordPress’s admin panel (it’s the default functionality in WordPress as a CMS). Creating a post / page is very easy in WordPress since it uses WYSIWYG editor. You can check the guide here if you’re not familiar with WordPress : https://codex.wordpress.org/Writing_Posts
  2. Does the archive calendar auto populate?
    I think you are referring to the widget at the sidebar? Yes, it does auto-populate, the only setting it has is its title (see this page : https://en.support.wordpress.com/widgets/calendar-widget/ . Although it’s meant for WordPress.com, this section is the same for WordPress.org version as well)

If there’s still any problems or questions about the theme, feel free to contact me for clarification.

Thank you.

Hi Billy

We’ve got a strange occurrence on the site when my client views the site on her Mac. I don’t see the same issue on a Windows PC using google Chrome. So when she hovers on the main nav and looks at the drop down sub menu items, the background of the sub menu changes to lots of question marks. I’ve got screenshots if it helps – let me know an email address if you want them. Otherwise the site is here: http://nordicstagefight.com/

Many thanks Sara

Hi Sara,

Thanks for purchasing my theme and sorry to hear about that problem. Can you please send the screenshot to me (maybe you can first send an email to me through the contact form at my profile page so that I can reply your email and let you attach it).

I’ve never heard of any reports of such problem and couldn’t replicate the problem myself, so it would be good to see how the problem looks at your client’s view to diagnose it.

Thanks.

Regards, Billy

baotaili

baotaili Purchased

I submit the “Import Demo Data” button, but it don’t work, please help?

Hi baotaili,

Thanks for purchasing my theme! Is there any error messages? If there isn’t any, please send your admin login details to me via my profile page and I’ll check what went wrong and import the demo content for you.

baotaili

baotaili Purchased

no any error messages. and the admin login account already send to you. thanks a lot.

Hi baotaili,

I’ve installed the demo for you. Things went smoothly without any problems. Probably you refreshed the page or clicked on other links before the import was completed. It will show ‘All done’ on the page after the import is successful.

Thanks.

by
by
by
by
by
by