Vasterad supports this item


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

694 comments found.

Hi Vasterad, Do you have an estimate for the wordpress theme delivery ? I am thinking of buying it but I know I’ll spend a lot of time with customisation so I’m wondering if I’d better wait to do this work directly on the WP theme.. Thanks!

Hi, we’re working on WordPress version from today, cos we’ve finish our previous theme – Incredible.

amazing template. Thank you! one question. There are filters button on your code. that button were simple and looks good. so I’d like to use only as a link button not filters. (I know you have bottons short code but filter button look much better. so I put href = **.html but not working. any ideas? !!!! you can check this

<!-- Filters --> <div id="filters"> <ul class="option-set" data-option-key="filter"> <li><a href="#filter" class="selected" data-option-value="*">All</a></li> <li><a href="notice.html" data-option-value=".2">notice</a></li> <li><a href="freeboard.html" data-option-value=".3">freeboard</a></li> <li><a href="remember.html" data-option-value=".4">remember</a></li> <li><a href="review.html">review</a></li> </ul></div>

Hi, try to remove isotope’s script from head section. Cheers. :)

Hello Vasterad, First of all, great theme, clean code, congrats! I have tested your solution for avoiding the 3-column portfolio collapsing problem, that is:
<style type="text/css">
    @media only screen and (min-width: 960px) {#portfolio-wrapper img {min-height: 189px;}} 
    @media only screen and (min-width: 768px) and (max-width: 959px) {#portfolio-wrapper img {min-height: 149px;}}
But pictures are still taller than they should be. I haven’t changed much in the css or the html structure. And I am sorry but I cannot provide a link. Thanking you in advance for your help. PS: no worries if you cannot debug without a link, I’ll manage…eventually ; )

It fixes images when they’re too short and overlays with themselves, so I don’t get your issue. Screenshot is needed. :D

Love the theme and it was super easy to work with. The only problem I’m having is with the Google Maps in IE7 (works in all other browsers). Here is a link to the page and the code I’m using:

        <!-- Google Maps -->
        <div id="googlemaps" class="google-map google-map-full" style="height:250px" />

        <script src=""></script>
        <script src="js/jquery.gmap.min.js"></script>

        <script type="text/javascript">
            maptype: 'ROADMAP',
            scrollwheel: false,
            zoom: 13,
            markers: [
                    address: '3021 Frederick Road, Opelika, Alabama', // Your Adress Here
                    html: '',
                    popup: false,



Any suggestions or fixes would be appreciated.

Paste this instead of current gmaps scripts:
<div id="google-map" class="embed"><iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src=",+Opelika,+AL&hl=en&sll=37.0625,-95.677068&sspn=51.576045,96.767578&oq=3021+Frederick+Road,+a&hnear=3021+Frederick+Rd,+Opelika,+Alabama+36801&t=m&ie=UTF8&hq=&z=14&ll=32.613496,-85.421534&output=embed"></iframe><br /><small><a href=",+Opelika,+AL&hl=en&sll=37.0625,-95.677068&sspn=51.576045,96.767578&oq=3021+Frederick+Road,+a&hnear=3021+Frederick+Rd,+Opelika,+Alabama+36801&t=m&ie=UTF8&hq=&z=14&ll=32.613496,-85.421534&source=embed" style="color:#0000FF;text-align:left">View Larger Map</a></small></div>
And this at the bottom of style.css file:
#google-map {
    position: relative;
    padding: 0px;
    padding-bottom: 30%;
    height: 0;
    overflow: hidden;

Thanks Vasterad for taking the time to support your products! That last fix, while not as clean as the original, seems to be working in all browsers now.

You’re right it isn’t as clean as the original, but works in all browsers so I hope the problem is solved. :)

Thank you for your fast reply. I am sorry, my problem is that pictures overlay with themselves when the 3-column portfolio loads for the first time. The size however is good. That’s why I tried to include the piece of code mentionned above but I must have misread the comments.

Here is a screenshot of the problem:

edit: sorry for the new post… ^^

Ok, great. :)

Actually I can use relative links such as href=”../contact”... There’s absolutely no need to use the blog info url (in my case). Just wanted to note it. ^^

Alright. Simplest solutions are better. :D

I love the theme and can’t wait to purchase the WP-version.

Up to that, is there a possibility to exchange the positions of the menu and the slider (to move the menu above the slider)? 2nd, where can change the position of the caption boxes from the left to the right corner?



1. Menu is above slider right now, isn’t it? :P
2. Find on 337 line in style.css file .slide-caption class, then edit margin and position from:

margin:  0 0 20px 20px;
left: 0;
margin:  0 20px 20px 0;
right: 0;

Sorry, of course you’re right. I meant below :) Anyway, I want to change the positions of the menu and the slider. Thxs

Ha, so did you try to replace menu’s container with slider’s container? If so what’s wrong? ;)

What a great template! I am using it for a personal project of mine.

Maybe a few ideas to add for an update:

  • Dialogs and modals (confirm, form, HTML etc.)
  • Datepicker
  • Progressbar(s)
  • DataTable skin

I would really love to see these added in any future update if you have them planned.

Many thanks for this great template!


Hi, I can’t promise that I’ll update HTML version, but most of your ideas will be launched in WordPress. Thanks. ;)

comes with the blog administrator?

Hi, it doesn’t come with blog administrator, but early next month WordPress version is coming.

ah ok, i wait for the next month. thnks

Hi Vasterad,

A few quick questions about this theme…

Is it possible to take out a few lines (or a file) of CSS or jQuery to make the template NON responsive if needed?

Does it use 960 grid system or something similar? (I didnt see a columns page)

Is it possible for me to move around some html code to place the ‘clients’ gallery on every page (such as … left sidebar page + client sgallery)? Also, is it possible to copy sidebar code from one of the sidebar pages and move stuff around a tad to easily make there also be a sidebar right on the homepage?

Thanks!! :-)

Hi, you can easily turn off responsivity by removing mobile’s grid from skeleton.css and also making new pages from elements from other is really simple just by copying som code.

Hi Vasterad,

How much work would be required to use the same format on an existing wordpress theme? I intend purchasing the HTML version as it will allow me to use the template on an existing .net application and have no need for all the features that WP offers, but do require our WP blog to have the same look and feel.

Look forward to your response

Hm, I’m not WordPress expert, so I can’t tell you how much work it’ll need.

Hi Centum

Really nice theme! But I figured out a annoying bug: if i remove the flickr widget, the isotop on a 3-column doesn’t make the height right (a little to low). why is that? and how to prevent? thx in advance charley

Hi, could you provide me any screenshots?

Most of all, Thank you for your limitless support. and I’m afraid that I may disturb you again. I’m installing ‘board’ in my site. but … the board’s write mode ‘wysiwyg’ is very wierd. arrangement is not very good. you can check this

so.. I found the problem header ‘style.css’ (your template) . I need to stop the style.css in only the board content (not footer)

How can I do not to work ‘style.css’ in only ‘board content’? I need your help. Thank you again.

Sorry, but I do not know any “board” and I cannot support it.

hi Vasterad,

Ok I just bought your template, very nice, clean and well organized and well-commented code so far, easy to edit! :)

Just following up from your previous response – to remove the responsivity of the template but still KEEP the 960 grid system (so I can use the various column shortcodes), do I remove the skeleton.css file that is added in via the style.css entirely – or just remove portions of it?

If its just portions of skeleton.css I need to remove, do you think you could tell me which sections, like maybe ‘remove lines 72 thru lines 102’ or something like that so I can make sure I don’t mess up the rest of the code? Thanks alot!! :)

Hi, remove everything without these sections:

/* #Base 960 Grid
/* #Clearing


Hello Vasterad,

Superb template….I’m delighted with the excellent quality and adaptability. However, I’m having a slight problem in that I’m trying to embed a Vimeo video to play in a lightbox in the ‘Recent Work’ section but haven’t been able to do so. I’ve tried using the Fancybox iframe links:

This goes to iframe and This goes to iframe

Then calling Fancybox on “iframe” in the JS but this doesn’t work. Any solutions?


Hi, please go to the fancybox2 site and look at examples of usage:


Hi, I purchased this theme thinking it was for wordpress. But it’s not? can I get my money back or is there a way to use in wordpress?

Hi, there is no way to use this template as WordPress theme. Try to contact Envato’s support if you want to get refund. ;)

Will try and code it myself :s how do I change the twitter feed?

Also how do you change the colour that is in-between the arrows that is associated with the comments arrows? Thanks

Could you describe your question more and be more precisely? I don’t understand what did you mean. :P

On the twitter feed I want to post my own twitter account but can not see how to do this.

With reference to the arrows, above the speech bubble that is used for comments there is an arrow left and an arrow right in the blank space between these 2 arrows the fill is white but I want this to be a different colour, any idea how to change it?


To configure Twitter widget change sample to your twitter’s nickname. You can also modify that how many tweets will be showing (edit count value from 3 to other value).

<script type="text/javascript">
  $.getJSON('', function(tweets){
  }); });

As for arrows. I guess that you mean testimonial’s carousel, so in style.css find ”.mr-rotato-next” and ”.mr-rotato-prev” then add to both “background-color: #xxxxxx” value.

Hi Vasterad,

Thanks a lot for the quick response. Problem solved from the examples. Great support to go with a great template! Thanks again.

Cool, you’re welcome! ;)