virtuti supports this item


140 comments found.

Do you have a solution with contact form based on php which can be implemented in this design? If yes, can you share it with resf of us.

Yes. You will need to look through my terms on my profile page and supply me with information (by email) about what you need for your form (like all inputs, which input is required–which is not, with captcha–without captcha, with js validation–without js validation etc).

hi dear, if i saw the web site on I-mac 27” slideshow in background doesn’t work… could you help me please?

Hello, yes, it is a matter of background image size. I used 1920px wide one but for bigger screens yet bigger image is required. Thank you!

Hello! Would it be possible to use logo image not logo text? I strictly need to use this restaurant’s logo with right font. I am sorry if you answered this already, i couldn’t find related post.

Thank you.

Hello, yes, of course you may put logo image. There are 2 ways: 1) Open your html pages and insert image source instead of the text in between h1 tag:

     <section id="logo">
            <h1><a href="#">CuppyBar </a></h1>
           <p>? est. 1958 ?</p>
     </section><!--logo ends here-->

You can delete p tag with stars at all.

2) Insert background image (this is more time saving method since you do not need to insert image on every html page). Open stylesheet, find styles related to #logo and this piece of code:

#logo h1{
    background:url(images/yourlogo.jpg) no-repeat;

Insert logo dimensions instead of xxx. Now change a little bit styles of #logo a. This way:

#logo h1 a{

Now, test how it looks in browser. If your logo width exceeds the box and right black box falls under, decrease the width of the black box (#frontpge).

That’s it, best of luck!

Dear Virtuti, I really love your theme and am enjoying working with it. I have successfully installed the contact form via google docs, but when I installed it, the formatting (box styling, typefaces, etc) of your form disappeared. How can I get these back so that my contact form still looks beautiful? Thank you for your help!

Thanks! Here is the live link: I integrated the contact form into the about page. Originally the styling displayed correctly, but when I added the <formaction and entry values to link it to the google docs, the styling disappeared!

Ok, not a trouble. Recently Google Drive changed their system a little bit and instead of entry_0, entry_1 and so on (which you see in my template) they now use other ids like on your site: entry.69710207 etc.

So, you simply go to styleshett.css, find my ids and replace with yours. Shorter to say, you see:


while you need:


Accordingly you should change “label for”, it is still “label class=”ss-q-title” for=”entry_0” in your site while it should be “label class=”ss-q-title” for=”entry_1040668288”. It is important to fix labels names.

That’s it, once you will change ids and label names, everything should go right. Wish you the best!

Thank you, that worked beautifully! This is my first try at customizing a template so it is a learning experience. One more question…when I type a test message into the message box, the typeface is black, and I cannot see it well against the background. Where I would I change that?

Hello, great theme you build. I just have on question. I want to display Slovenian characters without using html codes for every character I need. Is this even possible in this theme?


Hello, thank you for purchasing! In regard of your question: go please to Google Fonts site, search for Mako font (I used it for body font), Oswald font and Michroma font, type in test drive some words in Slovenjian language and you will see whether these characters are supported by these typefaces. If not (or one of them not) simply choose a font which both you like and does support the characters and replace google font link in head (html pages) and font-family in stylesheet. Thank you again!

Hello virtuti, How this theme install, i have dowload it & extract then upload to my themes of wordpress, but i can not find it in the manage theme of wordpress panel. Wordpress 3.5.2. Hoping you can help!

Ok, good, now go to css file and change the path name of the background image.

panel-image {
margin: 0 20px;
background: url(images/staff.jpg)no-repeat;
width: 710px;
height: 330px;
position: relative;

Take a few moments to study my code, thus will be easier for you to find styles corresponding to markup and you will not need each time to ask me questions and wait for my reply (I am not always able to reply immediately). Best of luck in further work!

Ok, thank Virtuti

You are welcome!

I very appreciate if you will guide me install this theme on wordpress in details, thank you very much!

Hi Virtuti

Firstly, just want to say what a great theme and also how easy it was to change and set-up.

Furthermore, I see from an earlier post that you have a “Contact Us” form which uses php, would it be possible to have this?



The post from “memica” 3 months ago refers to one, i.e.:

memica PURCHASED 3 months ago Flag Do you have a solution with contact form based on php which can be implemented in this design? If yes, can you share it with rest of us.

You replied with the following:

“Yes. You will need to look through my terms on my profile page and supply me with information (by email) about what you need for your form (like all inputs, which input is required–which is not, with captcha–without captcha, with js validation–without js validation etc).”


Ahh, it was in comments, I see:))) So, do you like me to write for you php form? If yes, contact me by email with all requirements (similar to those in the comment above), ok?

Hi Virtuti

I will send you an e-mail with the requirements.


I love this template and the style of it, the only thing that is keeping me away from it is that it is not mobile friendly. Do you have a solution for that?

Hello, thank you! No, it is very difficult (or rather impossible) to rearrange the current structure (considering the specific script which actually is the base of the while layout) for mobiles and make it scalable. That is why I keep it fixed-width. Many of my works are scalable but a few are not and it is exactly upon that very reason–chosen structure does not allow to do that. Anyway, thank you!

Hello Virtuti, where can I change the width of the column where it says coffee?

Hello, css please.

hello, I believe is this: — A LA CARTE STYLES ---------------- */ .panelinfo ol.lists{ float:left; list-style:none; margin:0; padding:0; width:708px; background:#fff; border:1px solid #ddd; } .panelinfo ol.lists li{ float:left; width:218px; margin-right:7px; color:#555; } .panelinfo ol.lists li.title{ width:218px; margin-left:20px; text-transform:uppercase; height: 200px; } .panelinfo ol.lists li.dots{ width:218px; font-size:0.8em; } .panelinfo ol.lists li.price{ width:218px; margin-right:20px; font-family:’Michroma’, sans-serif; } .panelinfo ol.items{ float:left; width:218px; margin:20px 0; list-style:none; } .panelinfo ol.items li{ background:#ddd; margin-bottom:5px; height:36px; } .panelinfo ol.items li:last-child{ margin-bottom:0; } .item-wrapper{ margin:10px; float:left; width:198px; background:transparent; }{ font-family:’Mako’, sans-serif; padding-left:4px; } a.button2{ background:#ddd; text-align:center; color:#666; padding:0.8em 0.4em; display:block; -moz-border-radius:4px; -webkit-border-radius:4px; -border-radius:4px; -moz-box-shadow:0px 0px 2px #ddd; -webkit-box-shadow:0px 0px 2px #ddd; -ms-box-shadow:0px 0px 2px #ddd; -box-shadow:0px 0px 2px #ddd; border:1px solid #fff; text-transform:uppercase; font-size:14px; font-weight:normal; position:absolute; top:270px; width:140px; left:648px; }{ float:left; margin-right:10px; padding:0; background:transparent; border:none; margin-top:-6px; } #data1, #data2{ width:660px; overflow:hidden; } #data1, #data2 p{ color:#555; line-height:1.5em; } article.description{ float:left; overflow:hidden; margin:10px; padding:20px; background-color:#efefef; } article.description figure{ background:#fff; border:1px solid #ddd; padding:20px; float:left; margin-right:20px; } .description h1 { padding:0 0 0.8em 0; color:#9e9e9e; text-transform:uppercase; font-size:1.2em; }

I want to change the first panel to be wider and the third to be shorter.

Can you please help?

hello virtuti!

if i buy this template, is it possible to move the main navigation to the top of the screen on the homepage??

like a black/grey bar on the top of the screen?

that’s a GREAT template by the way, amazing work!


Thank you very much for your interest! Yes, you may reconstruct it as you want, definitely, nothing difficult about it.

right, but i’m not actually a web it easy? i’m not going to buy it until i know that this is possible to do on my own…

Hello, actually there is no too much dealing with design itself since it is just a pretty simple task of rearranging a couple of layout elements in design wise way. If you are very comfortable with html/css I do not see why you would not be able to do that.

will this theme ever be responsive? love it..please send me message is it will be

Hello, thank you for your interest! Not planned, too complicated work for this type of structure, apologies.

Hi Virtuti,

I have more content on my menu list….how can I expend the slider so I can see more of my content?


Ok, I see. Again, you play with the height of panel and mask until you get that very height you need. Currently they are both 381px + margins. So, you give same height to .panel. and to .mask and increase the height of slider itself (#hero-slider) which is currently 458px high.

And now you mean vertical menu, right? Because there is an inner horizontal menu per slide (like The Philosophy, The Staff etc). If you need to add more items for this very slide submenu, you play with the width of the slider (currently it is 750px).

YES! You are so responsive! Thank you so much. I got it. Good luck for the many purchases. Definitely worth every dollar!

Thanks again.

Thank you very much for kind words!

Hi, I purchased this template over a month ago and I want to know how do I change the dropdown navigation on index page to just show open with the links showing

Just remove display:none Thanks.

Is it compatible for mobile

As mentioned in item details–no, it is good for 1280px and up. Thanks.

I have downloaded this theme. I place bg1.jpg and bg2.jpg into the images folder. On all sub pages the background shows fine but on the main page index it does not, it’s just blank and grey. Why is this and how do I fix it?

Hello, thank you!

Regrettably, I cannot know what is going on your website, maybe you changes some markup or styling. However, if you see any/or similar issue on my demo, you are welcome to report.


I found your coffee theme.

It is our coffee sketches

(People love the hand drawn style for their coffee shop!)

Is it possible to exchange our thumbnail icons with yours?

It might help us to get more traffic and improve our sales.

Please kindly let me know.


Hi, Virtuti

What I want to tell is exchange our item thumbnail with yours.

Your item thumbnail will display on our item description.

Like this:

If you think it is a good idea to get more people to visit your items.

I would like to do the exchanges.

Welcome to notice me anytime as you wishes.

Cheers and thank you a lot!

Hello, I am working 6 years for TF but never have seen “Recommended Items” block:) and have no idea how to set it up. Do you mind to explain (I do not see anything like that in Settings)? Thank you and sure I shall be glad to exchange thumbs.

Hi, Virtuti

Just post on your item description. Here is the code for you for reference.

Evanto agree we exchange thumbnails with other author.

It is a good way to get more people to visit our items.

Hope you like it.

Your item is now on our description here:


ciao magari qualcuno puo aiutarmi. ho scaricato il mio templeate per bar con html 5, siccome non sono molto esperto volevo sapere se possibile, come faccio una volta modificato a pubblicarlo on line associandolo al mi dominio

Thank you, please write in English.


You made a really good template, congrats !!!

I’d only like to know how can I set the panelblock in the index always visible and without having to click to show the contents. I’ve tried different jquery methods.


Hello, it is s simple, delete display: none in css:

#panel {
    float: left;
    background: rgba(96,120,96,0.8);
    width: 660px;
    /* display: none; */
    border: 1px solid #607860;

Thank you!

thanks a lot!! for me C++ is simple but I’m super ignorant about web design :)

You are welcome!