Tiles

February 10, 2015

Tiles is colorful masonry style theme that can be used for your personal blog, portfolio or collection. The theme is fully responsive and very easy to use.

Compatible with the latest WordPress version.
100% responsive design.
Masonry style post layout in home and archives.
Infinite posts in home and archives.
Integrated social media icon fonts, 11 available.
Custom menu system, multi-level dropdown
Featured post images.
One widget ready location.
Integrated blog pagination in search results.
Threaded comments.
Translation ready, .pot file provided.
Compatible with all major browsers.

45 comments

tibriz says:

March 21, 2015 at 4:08 pm

Hi, I like this theme and I would like to use it on my website, tibriz.com In your demo there are 3 rows, but when I install it it shows 2 rows, how can I change it to 3?

Reply
- Edy says:
  
  March 21, 2015 at 4:17 pm
  
  That depends on how big your browser window is. In my browser I can view your website in 4 columns. If you have a small browser only 2 columns will fit.
  
  Edy
  
  Reply
jatin jain says:

March 22, 2015 at 2:09 pm

Hi
Your theme is the best but i am not able to change the image of tile.
Please can u help please

Reply
- Edy says:
  
  March 24, 2015 at 2:17 am
  
  Hi,
  
  You need to add a featured image to each of your posts.
  
  Edy
  
  Reply
Jim Jackson says:

March 25, 2015 at 12:16 pm

It’s NOw Showing Pages of My Site. in Website.. I Added 4 Pages.. But not Showing a Single ONe…
.
.
Help Plz.

Reply
- Edy says:
  
  March 26, 2015 at 2:49 am
  
  To show the pages, you need to add them somewhere, like create a menu from ‘Appearance-Menus’.
  
  To create tiles like in our demo, you need to create posts. Please check also ‘readme.txt’ file inside the theme.
  
  Edy
  
  Reply
michael says:

March 27, 2015 at 6:59 pm

Hi Edy,

Cool theme and I like that I can control the Post layout by size and edit date (I made mine static). One thing I’m trying to do which I haven’t figured out yet is how to add mouse-over support (i.e. HTML title attribute in is how I normally do it). Would that be possible? Right now when I go over a Post image it changes a bit w/ the animation your theme creates which is great. If possible, I’d like to display some additional text to the user if they remain hovering over that image. Thank you!

Reply
- michael says:
  
  March 27, 2015 at 7:00 pm
  
  looks like HTML code was taken out in the blue section so what I was trying to say was: i.e. HTML title attribute in a href is how I normally do it)
  
  Reply
- Edy says:
  
  March 28, 2015 at 8:56 am
  
  Hi,
  
  Actually that is not advised anymore because it is not good for SEO, the additional information would be just the title, which is already displayed there, so I don’t see a point.
  
  Edy
  
  Reply
Lars says:

March 28, 2015 at 7:08 am

Hi
Your theme looks great, and I if you think its a good idea to use this Tile theme as a meny structure. I am testing this possibility now but realized that all new tiles comes first. I want them to come first. How do i change this?
If i want to change the sequence of the tiles i guess i could renumber the pages Id-nr. Can i renumber the from 1 and add a new tile with number 1.1 to appear between 1 and 2?
I’m afraid of messing up any counters in your theme.
Look forward to “hear” from you soon.
Kind Regards
Lars Németh
Malmö-Sweden

Reply
- Edy says:
  
  March 28, 2015 at 8:57 am
  
  Hi,
  
  The tiles are posts, so the newest post will display first. The thing you can do is change the publishing times so they appear in the order that you want.
  
  Edy
  
  Reply
Lars says:

March 28, 2015 at 4:32 pm

Hi again
Of Course!!!
Thanks a lot
kind regads
LarsN

Reply
Lars says:

March 30, 2015 at 2:46 am

Hi again,
a small correction about the order of the tiles. I wanted the newest one to come last, not first.

Last question: I want to land on a static side. When people sign up i want to land on the Tile side. Any smart solution for that?
Thanks in advance
LarsN

Reply
- Edy says:
  
  March 31, 2015 at 4:15 am
  
  To reverse the order of posts in ‘index.php’ file replace this line
  
  with this one
  
  Regarding the landing when users sign in, you should look for a plugin better.
  
  Edy
  
  Reply
Vidman says:

April 3, 2015 at 2:35 pm

It takes 3-4 seconds for the mobile version to load. Is it preloading every post before actually displaying them? If so, is there a way to limit it to like, 15 posts then pagination it?.. require the user to click NEXT?

Reply
- Edy says:
  
  April 4, 2015 at 7:54 am
  
  In ‘index.php’ file remove this line
  
  <?php query_posts( ‘posts_per_page=-1’ ); ?>
  
  and after this line
  
  <?php endwhile; ?>
  
  add
  
  <?php if (function_exists(“tiles_pagination”)) { tiles_pagination($post->max_num_pages); } ?>
  
  Edy
  
  Reply
Vidman says:

April 4, 2015 at 12:20 pm

You rock!

Reply
emanuel says:

April 7, 2015 at 7:03 pm

hi! like very much your them but can’t get it to look good,, in the main page posts overlaps,, can’t have it this way,, please help me fix the problem,, my page is (rpzone.com)

Reply
- Edy says:
  
  April 8, 2015 at 3:05 am
  
  Hi,
  
  I see your website fine. Which browser do you see the problem? Maybe you just need to refresh your browser.
  
  Edy
  
  Reply
Nick says:

April 9, 2015 at 5:31 pm

Hello. Very grateful for your work … I did as you said and now displays correctly Number of posts. But then as the previous posts to see? Help please …

Reply
- Edy says:
  
  April 11, 2015 at 7:59 am
  
  Do you mean the pagination to display next page of posts, please check the above reply, you need to add another line of code.
  
  Reply
- Nick says:
  
  April 11, 2015 at 10:28 am
  
  Yes
  
  Reply
- Nick says:
  
  April 11, 2015 at 10:32 am
  
  I looked posts found only how to limit the number of posts … but how to put the navigation?
  
  Reply
- Edy says:
  
  April 11, 2015 at 3:27 pm
  
  In ‘index.php’ file, after this line
  
  <?php endwhile; ?>
  
  add
  
  <?php if (function_exists(“tiles_pagination”)) { tiles_pagination($post->max_num_pages); } ?>
  
  Edy
  
  Reply
Ellis says:

April 11, 2015 at 5:45 am

Hi, Edy. I like this theme and would like to use it on my website.
But I have a small problem. DropDown menu does not work. Please help me.
Site – http://victory.visitdonetsk.info/

Reply
- Edy says:
  
  April 11, 2015 at 8:01 am
  
  Hi Ellis,
  
  Maybe it has to do something that the parent menu item is not a link. If you created a custom link, place the ‘#’ sign in the link area, do not leave it empty.
  
  Edy
  
  Reply
- Ellis says:
  
  April 11, 2015 at 8:47 am
  
  Thank You, Edy, but don’t work with “#” too.
  
  Reply
- Edy says:
  
  April 11, 2015 at 3:30 pm
  
  Did you make any changes to the css code for the menu?
  
  Did you create a menu and assign it to the Menu location or is it appearing automatically there?
  
  Edy
  
  Reply
Ellis says:

April 12, 2015 at 4:34 pm

Hi, Edy. I’m found solution. Need to create new menu instead of default menu editing. This bug applied to WordPress 4.1.1 Russian. English version is ok. Thak You for help.

Reply
nikol says:

April 26, 2015 at 3:38 am

How did you get the sample’s “Home” in the menu to be shown on initial load?

My menu’s first item isn’t automatically selected on load, the “Logo” page is. Also a menu item selection won’t show the tiles. My first menu item when clicked looks like your Dummy Page.
How can I make it so that when someone visits my site they see all my work in the tiles view and the first menu option is selected?

Also, can I add the sidebar to the Tiles page?

Thanks
Nikol

Nice theme. Thanks for the share.

Reply
- Edy says:
  
  April 26, 2015 at 2:15 pm
  
  You need to create a menu in the ‘Menu Manager’. When you select to ‘View All Pages’ in the Menu Manager, you can see the ‘Home’ item, just add it to the menu.
  
  To display the latest posts in the front page, make sure that in ‘Settings-Reading’ you set you website to display the latest posts in the front page.
  
  Edy
  
  Reply
Hugues says:

December 26, 2015 at 5:19 pm

Hi Edy,
Thanx for your template, great job !
I can’t find how to change the color of the swiping curtains. I guess it’s a random function. I’d like to set up one color. How can i do it ?
Thanx for your answer !
Hugues

Reply
Thom says:

January 24, 2016 at 3:24 pm

How can I remove the orange border? Thanks for the great theme.

Reply
kanchi says:

February 16, 2016 at 7:44 am

i liked your theme but i wont to modify tiles in it… i wont to make it like digitalindia.gov.in, if it is possible then how can i do it?

Reply
Fabiola says:

April 26, 2016 at 11:15 am

Hi, your theme is really cool! I would like to control the image height to show. For exemple: make some 200px and some 400px. Is it possible? thank you!

Reply
- Edy says:
  
  April 27, 2016 at 2:29 am
  
  Hi Fabiola,
  
  The image height is already flexible depending on the height of the original image you upload as a featured image. Portrait sizes will appear higher.
  
  Thanks,
  Edy
  
  Reply
reto says:

June 17, 2016 at 8:09 am

hi, great theme 🙂

question: how can I change the background colour of the left most column (its probably the “home” menu) – the grey background just doesn’t fit my needs

Reply
- Edy says:
  
  June 20, 2016 at 2:47 am
  
  Hi,
  
  In the top of style.css file here
```
#header {
  	width: 18%; 
	float: left;
	padding-left: 1.5%;
	padding-right: 1.5%;
	background: #556370;
	box-shadow: 2px 0px 0px #fff, 3px 0px 0px #556370;
	-webkit-box-shadow: 2px 0px 0px #fff, 3px 0px 0px #556370;
	-moz-box-shadow: 2px 0px 0px #fff, 3px 0px 0px #556370;
	position: fixed;
	height: 100vh;
	-webkit-transform: translateZ(0);
}
```
  change the background color code and box-shadow color code.
  
  Thanks,
  Edy
  
  Reply
  - reto says:
    
    June 21, 2016 at 3:27 am
    
    great thanks – now the same challenge emerged with the purple tiles. I really like this theme, but purple just doesn’t work for this specific purpose.
    
    best regards
    Reto
    
    Reply
    - reto says:
      
      June 21, 2016 at 3:30 am
      
      sorry, please ignore/delete this comment. I didn’t read your answer properly
      
      apologies
Lenna Biz says:

August 21, 2016 at 1:41 pm

Hi there, realy cool and clean theme! I ´m wondering, if is possible to enable social icons on mobile menu too?

Reply
Helen says:

September 27, 2016 at 1:58 pm

Dear Edy, explain please, how can i delete or make more minimalistic an orange frame on the featured images?I would like to save just the title of image.

Thaks a lot!

Reply
- Edy says:
  
  September 28, 2016 at 2:47 am
  
  Hi Helen,
  
  In ‘custom.css’ file there’s this code
```
/* Pseudo element for hover effect */
.grid li > a::before {
 position: absolute;
 top: 0;
 left: 0;
 width: 100.5%;
 height: 100.5%;
 border: 0px solid transparent;
 background: rgba(0, 0, 0, 0);
 content: '';
 -webkit-transition: border-width 0.2s, border-color 0.2s;
 transition: border-width 0.2s, border-color 0.2s;
}
```
  just remove the border and background lines.
  
  Thanks,
  Edy
  
  Reply
Paul says:

October 21, 2016 at 7:09 am

Hi, really nice Theme, I want to add some text above and below the logo image, is this possible ? I can add the tagline, but this is not very usable for me …

thanks
paul

Reply
Amy Greil says:

January 26, 2020 at 1:01 pm

I have been using your theme for several years. Unfortunately I can’t remember how to change the text on the left side. I need to change the description under my name.
Thanks,
Amy

Reply

thousands of happy customers

As a web designer and developer, it´s a question of time that you find some challenges to achieve the best results in order to accomplish what your clients require.
In that cases, it´s important to find consistent and proffesional experts to rely on that helps you to make the goal. Thanks Edy for your fast response. Thanks for doing a great job as a constant!

Miguel Bretones

The folks at Viva Themes have always been extremely helpful and responsive when it comes to requests for support. Plus the theme looks and works great, and was easy to customize for my needs. I can absolutely say I’ve gotten my money’s worth and more from purchasing their themes!

Ricky Marson

I can’t thank you enough, and I am very impressed with the elite customer service experience I have had with you.

Brandy Donovan

Thanks so much for all of your help… your themes are great, and your attention to service is fantastic. I’ll definitely look to you for my future WP theme purchases!!

Brian Reed

Thanks for your help. Viva support, as usual, has been excellent.
Good product and great support – hard to find these days.

Jim Tom

Moving websites isn’t ever as easy or as simple as you imagine when you start out. So having Viva Themes respond to us within 24 hours every time we called for help was a massive win. He was also to the point and ‘easy to use’. It never felt like we were being a pain, and he always gave clear and simple instructions. So simple even I was able to follow.

Barrie Bramley

Ever since I purchased my theme from VivaThemes.com, I have received unparalelled support from the staff. In fact, every time I had a question or needed help with something in the code, the staff at VivaThemes replied very promptly. In regards to the theme, I can’t say enough about the level of professionalism it conveys for my business. I feel very comfortable referring potiential clients to my site – it is one of my best marketing materials. Thank you so much for the fantastic theme and all of the support, I look forward to more great themes in the future!

Justin Ferriman

Buying the Revival theme was a great decision. The template is beautiful and very easy to edit. If you look at the site I build with it I have just touch little things… and not just me… even many friends and other people say to me that the final design is amazing… and i laugh when i get realized that i have just worked not more than a week on it! Thanks Vivathemes, thanks a lot!

Juan Pablo Villani

We bought the Revival theme, and it has been one of the best investments so far for our business. A very clean and custom theme that gives you a fantastic framework to start with! They answer both on Twitter and e-mail. We will buy our future themes from Viva, for ourself – and our clients!

Espen Eik

Taking on the responsibility of building a web site for my organization was daunting, but with the immediate help of Mike and the user friendly designs I’ve been able to present a product that my boss is not only content with, but ecstatic about. The immediate response from Mike for tech support was not only pleasurable, but simple and to the point. I would recommend VivaThemes to anyone interested.

David Sharrocks

J’ai acheté un thème chez Viva et ai été surpris de la rapidité et de l’efficacité des réponses qui m’ont été fournis. L’Equipe m’a aidé à régler tous mes problèmes, les thèmes sont bien codés, fonctionnels et très bien pensés. Le package envoyé permet de bien comprendre les fonctionnalités particulière de chaque thème et les fichiers transmis, de pouvoir retravailler le thème le plus facilement du monde. Un grand merci à l’équipe, qui j’espère, continuera à nous faire profiter des ses talents !

Georges Langeard

I needed a professional theme but straight forward layout and navigation. A microsite if you must, Delirium almost read my mind! Everything i could want in the theme was there, and the fantastic theme customisation panel gave me total layout control. I simply edited css colors, images and in less then an hour i was up and running – would have been quicker if i wasnt gawking over the well written code.

Naeem Mayet

Viva Themes has been great, they quickly responded to my questions with straightforward answers. Their WordPress themes are not only great looking but they are easy to modify, even for someone with no previous experience like me. I looked around at many different places for a theme for my company website and chose Viva Themes for their great pricing, ease of use (love my advanced theme panel), and customer service.

Gene Klingonsmith

Thanks for building small business themes…
So many WordPress themes are fine for blogs, but useless as a small business Web site (WordPress is a handy CMS after all).
That’s why I’m overjoyed to say “thanks” for building themes with home pages and other Web site goodies. I’ve already built a site using Delirium, and while I’m not techie/Web developer, I was still able to create a site that made my client very, very happy.
I purchased the complete themes pack, and expect to roll your themes out for other small business customers. Great work!

Tom Chandler

I used your Revival theme for a client’s wellness and pilates business. The process of modifying your theme for their branding and color was simple. Good job.

Robert Ivan

I just wanted to thank you guys for your themes and the fantastic support. My company develops websites for small businesses and entrepreneurs and no matter how expensive I have yet to find themes to compete with the high quality and service that you provide. I look forward to seeing what other themes you develop!

Ryan Meo

I am not a web designer, but I had a short deadline to make a website for a luxury leather brand for the Japanese market- in Japanese. WordPress was still fairly new to me, and while I knew that there were thousands of themes available, they were either too expensive, too chintzy or otherwise not appropriate. That was until i found Viva Themes. Several of the themes were exactly what I had in mind and in the end I chose Delirium. I had a couple of problems and had to contact them. They were extremely helpful- very fast, courteous and more than willing to help me solve my problem. I am so glad I went with with Viva Themes- not only for the great website, but also for the fantastic service. Thanks again. I will definitely be back.

James Kemp

I wasted a day of my life looking through thousands of free themes, then I found you guys, 5 minutes & $48 later and I was completely happy. The Space + Color theme was exactly what I was looking for and more, my client was bowled over by it and I must say using it really raised the standard of the project. If you cost a day of wasted productivity and stress against finding a superb solution in 5 minutes for such a great price it doesn’t take a genius to see the best option. I think Viva offer the most stylish and reasonably priced themes available and will most certainly be purchasing more.

Rich Bos

Your themes are very clean, simple and easy to customize. All of my questions were quickly answered via email and the Space+Color theme worked perfectly for a site I did recently. Thanks for the awesome theme!

Brandon Maskell

As a very new and inexperienced user of WordPress and having very little experience of building websites at all I thoroughly reccomend Viva Themes to you.
I used the Prospectum theme to build my website and it is so easy to use and is superbly customizable.
I also recommend Mike to you as he is very supportive and as a newbie ‘web designer’ I probably drove him to distraction with my queries regarding CSS – all of which were answered promptly with easy to understand answers.
I have little knowledge of the WordPress template business but these products are ludicrously under priced in my opinion. GBP 27.00 is the bargain of the century!
Thank you Viva.

Nick Laurie

Love your Space Color Theme
I needed to put together a quick, but powerful website for my friend who was using an iWeb website previously and I came across your theme and loved it. It was really well built inside and out and I didn’t have hardly any trouble tweaking it and making it fit our needs. You guys make great themes, period.

Brad Siefert

After purchasing Prospectum for my business website, I decided to buy L’Image for my hobby photography site. Most photography themes are too blog-like to work well as portfolio sites, but L’Image manages to do both. The way the theme manages the photographs, in categories, is clever and extremely effective. Apart from a logo, I hardly made any changes, it just looks good and is very easy to use. Highly recommended.

Simon Miles

Just wanted to drop a line and let you know how extremely impressed I am with the service of Viva Themes. I am an ABSOLUTE newbie to websites & can’t believe how fantastic my site is looking already (I’m only 1/2 way there, sorry I am sure their will be a few more questions coming your way). Thanks again for the help, I will be recommending you far & wide.

Lanie Byk

I have been so pleased with your themes and particularly your outstanding customer service. The reason I chose the All Themes Pack was due to my positive experience purchasing two of your other themes. It is refreshing to be able to purchase a web developer product and have a pleasant experience – doesn’t happen often!

Heather Derrick

Just a short note to say thanks for creating the wonderful themes and for hard work and commitment you offer to your customers. There are a great many people benefitting from your work and I’m looking forward to seeing what arises for you and us in 2011. All the best.

Marcus Fellowes

I just wanted you to know that I am extremely impressed with your level of service. It is such a rare thing these days to find someone who stands behind their products and helps people out when they get stuck, as I did. I will not hesitate to recommend your company and themes to others, and I have just passed your information on to a couple of software developers I know (they were shocked and amazed at how quickly you responded to my needs).
Thank you very much again… you have gained a new and loyal customer!

Robert Tovell

As a web designer and developer, I always start with a Viva Theme with my website projects and customise from there. I have used over one hundred themes – in my experience Viva Themes has the cleanest code, best flexibility, speed performance and cross-browser compatibility. The hard part is done, leaving me to do the fun customization work.

Pandora Nguyen

I must say that this is by far the best costumer service I have experienced, and also one of the better WordPress themes I have come over.

Alejandro Decap

I just wanted to tell you I think your themes look amazing. I have used only one, but whenever I have a new idea or something, I come to your site for inspiration.
I keep looking because I think one day, I will find a project where I can use one of your great designs.