Discussion on Canvas | The Multi-Purpose HTML5 Template

Discussion on Canvas | The Multi-Purpose HTML5 Template

Cart 74,122 sales
Recently Updated
Well Documented

SemiColonWeb supports this item

Supported

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

5650 comments found.

Just purchased, Noticed the demos come with a lot of stock images, like construction for example, wo we have the rights to use them?

Hello,

Thank You so much for Purchasing Canvas! :)

The Images/Videos included in the Package are Free for Commercial Use, so you can definitely use them but please consider providing a Linkback to the Websites provided in the Documentation > Credits Section for the Images.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues. Thanks. :)

I have renewed my support and still cannot post on the forum. message : “You do not have a License for Canvas HTML to Create a New Topic. Please Purchase or Renew License.”

Hello,

We Really Appreciate your Patience and Really Apologize for all the Inconveniences caused!

We tried checking your Account and were not sure what happened with your Support Account (maybe a Technical Glitch) since once a Support License is renewed, the access is instantly renewed too. So we took a deeper look into the issue and noticed that since we had manually allowed you Extended Support the last time, the Support License was not refreshed once you purchased a new Support License. We have now fixed this issue on your Account and you should be able to post Support Queries now. We really thank you for your Patience again.

Do let us know if we can help you with anything else or if you find any further issues with Canvas. Thanks. :)

Now you can reinstated my censored comment as there was nothing abusive and nothing wrong in it. Meanwhile, thank you for finding the bug while posting on the support forum, I really appreciate that you finally took my messages into account and realize that there really was an issue with it.

Hello,

Thanks for your Patience!

The Censored Comment will be automatically reinstated by the Envato Staff once they check the Comment since we cannot control it. Well, it was not exactly a bug since the issue was only on your Account because of the Additional Support Privilege provided to you because of which we could not detect any issue. However, we have fixed it and this issue should not happen again.

Do let us know if we can help you with anything else or if you find any further issues with Canvas. Thanks. :)

I received an email for the item update but I can’t see a fresh changelog showing what has been updated. What’s new ?

Ok thank you for the answer.

Hello,

Canvas 5 will be available shortly! Possibly later next week. Stay Tuned. :)

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas. Thanks. :)

Nice! Good to know! Can you tease a little on new functionalities and layout?

Hi, is there documentation on how to edit or add or modify the fixed fields in the portfolio template.? (e.g. “Created on”, “Completed by”) Thanks.

Hello,

The Portfolio Single Meta fields can be easily edited in the HTML using the following code:
<li><span><i class="icon-calendar3"></i>Completed on:</span> 17th March 2014</li>

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues. Thanks. :)

Hi,

How can I disable the slider-arrows on responsive version ( on mobile phone ) ? I want to see the arrows on my slider only on PC but not on phone. It covers the caption and that doesn’t look good ( on phone ). Is this possible ?

I see there is an update. Whats new in the update. Do I need to download it ?

Tahanks, plus

Hello,

You can simply use the following CSS with the combination of the Responsive Classes to disable the Arrows on Mobile Devices:
#slider-arrow-left,
#slider-arrow-right { display: none; }

This will definitely work fine. Hope this Helps!

This was a Black Friday Sale Update and the notification was sent to inform Users about the Price Change if they need an Additional License or Renew their Support for a Lower Price.

Let us know if we can help you with anything else or if you find any further issues. Thanks. :)

Hi, thanks for the great template. Only trouble is I can’t get the contact form to work… Please see live site here: http://learningmix.com.au

Hello,

Thank You so much for the Kind Words! :)

We have just checked out your Website and the http://learningmix.com.au/include/sendemail.php File returns a 500 Internal Server Error which leads us to believe that the SMTP Functionality is not supported on your Servers or there is another Server Issue. Please consider contacting your Web Hosting Provider regarding this and they should definitely be able to help you fix this.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues. Thanks. :)

I note that you have instructions for image and file optimisation, but what about the HTML5 videos served inside the theme? This is causing far more of a delay than anything else and I’ve already tried compressing it down (still @30MB).

Hello,

Please make sure that the Self hosted Videos you are planning to use are properly optimized. Try using Miro Video Converter: http://www.mirovideoconverter.com/ or Handbrake: https://handbrake.fr/ to convert your Videos. These are really good & converts and optimizes videos to Smaller Size without degrading the quality.

Additionally, do make sure that the Videos are not too long, preferably within 12 to 30 Seconds. Do let us know if you are still facing issues.

Hope this Helps!

Let us know if we can help you with anything else or if you find any issues. Thanks. :)

MJP

MJP Purchased

just to let you know your site is slow to load and doesn’t seem to load the stylesheets. http://themes.semicolonweb.com/html/canvas/intro.php

Hello,

Thank You so much for the Heads Up! We will surely go through this and fix this shortly.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas. Thanks. :)

Where are the files that handle form submissions for the conditional-form.html form page ?

Hello,

The conditional-form.html Template is provided only for Functionality Example Purposes. You will need to setup the AJAX Form manually.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues. Thanks. :)

Hi, is there a wordpress version? Thanks!

Hello,

WordPress Version of Canvas is currently not available for Sale. We will get in touch with you once it is available. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else. Thanks. :)

hello, whats the update ? its v5 or not ?

Hello,

This is a Black Friday Sale Update and the notification was sent to inform Users about the Price Change if they need an Additional License or Renew their Support for a Lower Price.

Let us know if we can help you with anything else or if you find any further issues. Thanks. :)

sticky-footer doesn’t work in demo-real-estate-2.html

Hello,

Simply adding the following CSS Code will fix the issue:
.advanced-real-estate-tabs { z-index: 2; }

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues. Thanks. :)

Hello I love this theme, I bought version 2.5. I know I no longer have support but would like to know if it is possible to add filters to the “portfolio-jpagination”. And if I can put it on the “one-page” theme.

Thanks.

Hello,

Thank You so much for the Kind Words! :)

Unfortunately, the Filter Functionality is currently not available with the jQuery Pagination since both of them run on jQuery and its not currently possible to combine both to make them work together. We will surely consider working on a solution for this and release an update. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas. Thanks. :)

Will this work with OScommerce? Let me know as I am ready to purchase it now. Thank you.

Hello,

Canvas is a Static HTML5/CSS3 Template so it currently does not support OSCommerce.

Let us know if we can help you with anything else. Thanks. :)

Waiting for Bootstrap 4… :-)

Hello,

Bootstrap 4 update is around the corner! Stay Tuned! :)

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas. Thanks. :)

Hi, I love this template… it’s a masterpiece in HTML templates…

I need help… it’s possible to use the portfolio filter as a dropdown menu?...

Thanks in advance & regards!.

Hello,

Thank You so much for the Kind Words! :)

This is Definitely Possible. Please consider using the combination-filter-bt-dropdown.html Template in the Package/HTML Folder which includes an Example of the Portfolio Filter as a Dropdown.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues. Thanks. :)

hi i have a question can you help me ?

My slider not work mobil telephone.i want to two thinks

1)My slider must work mobil telephone.(Please check your telephone dont use google chrome toogle device toolbar) 2)My videos must works on youtube

How can resolve thiis problems.Thank you !

Here is my code

    <section id="slider" class="slider-parallax revslider-wrap clearfix">
            <div class="slider-parallax-inner">

                <div class="tp-banner-container rev_slider_wrapper fullscreen-container">
                    <div class="tp-banner">
                        <ul>    

                            <!-- SLIDE  -->

                            <li class="dark" data-transition="fade" data-slotamount="1" data-masterspeed="1000" data-thumb="https://www.onare.com/vid/Ergopack-air-1.png" data-saveperformance="off" data-title="">
                                <!-- MAIN IMAGE -->
                                <img src="https://www.onare.com/vid/Ergopack-air-1.png" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina="" />
                                <!-- LAYERS -->

                                <!-- LAYER NR. 1 -->
                                <div class="tp-fade fadeout fullscreenvideo rs-background-video-layer" data-forcerewind="on" data-volume="mute" data-videowidth="100%" data-videoheight="100%" data-videomp4="https://www.onare.com/vid/Ergopack-air-1.mp4" data-videopreload="preload" data-videoloop="none" data-forcecover="1" data-aspectratio="16:9" data-autoplay="true" data-autoplayonlyfirsttime="false" data-nextslideatend="true">
                                </div>

                                <!-- LAYER NR. 2 -->

                                    <div class="tp-caption customin ltl tp-resizeme revo-slider-emphasis-text nopadding noborder" data-x="116" data-y="260" data-customin="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;s:800;e:Power4.easeOutQuad;" data-speed="800" data-start="1000" data-easing="easeOutQuad" data-splitin="none" data-splitout="none" data-elementdelay="0.01" data-endelementdelay="0.1" data-endspeed="1000" data-endeasing="Power4.easeOut" style="z-index: 3; white-space: nowrap;">Ergonomik ! Kolay ! Verimli !</div>

                                <div class="tp-caption customin ltl tp-resizeme revo-slider-emphasis-text nopadding noborder" data-x="116" data-y="335" data-customin="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;s:800;e:Power4.easeOutQuad;" data-speed="800" data-start="1000" data-easing="easeOutQuad" data-splitin="none" data-splitout="none" data-elementdelay="0.01" data-endelementdelay="0.1" data-endspeed="1000" data-endeasing="Power4.easeIn" style="z-index: 3; white-space: nowrap;">ErgoPack Air

                                    <br />

                                </div>

                              <a href="#" data-scrollto="#content" data-offset="100" class="dark one-page-arrow"><i class="icon-angle-down infinite animated fadeInDown" /></a>

                            </li>

                            <li class="dark" data-transition="fade" data-slotamount="1" data-masterspeed="1000" data-thumb="https://www.onare.com/vid/itipack-vid.png" data-saveperformance="off" data-title="">
                                <!-- MAIN IMAGE -->
                                <img src="https://www.onare.com/vid/itipack-vid.png" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina="" />
                                <!-- LAYERS -->

                                <!-- LAYER NR. 1 -->
                                <div class="tp-fade fadeout fullscreenvideo rs-background-video-layer" data-forcerewind="on" data-volume="mute" data-videowidth="100%" data-videoheight="100%" data-videomp4="vid/İtipack-web.mp4" data-videopreload="preload" data-videoloop="none" data-forcecover="1" data-aspectratio="16:9" data-autoplay="true" data-autoplayonlyfirsttime="false" data-nextslideatend="true">
                                </div>

                                <!-- LAYER NR. 2 -->

                                <div class="tp-caption customin ltl tp-resizeme revo-slider-emphasis-text nopadding noborder" data-x="116" data-y="260" data-customin="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;s:800;e:Power4.easeOutQuad;" data-speed="800" data-start="1000" data-easing="easeOutQuad" data-splitin="none" data-splitout="none" data-elementdelay="0.01" data-endelementdelay="0.1" data-endspeed="1000" data-endeasing="Power4.easeOut" style="z-index: 3; white-space: nowrap;">Full Otomatik  Çemberleme Makinaları </div>

                                 <div class="tp-caption customin ltl tp-resizeme revo-slider-emphasis-text nopadding noborder" data-x="116" data-y="335" data-customin="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;s:800;e:Power4.easeOutQuad;" data-speed="800" data-start="1000" data-easing="easeOutQuad" data-splitin="none" data-splitout="none" data-elementdelay="0.01" data-endelementdelay="0.1" data-endspeed="1000" data-endeasing="Power4.easeIn" style="z-index: 3; white-space: nowrap;">ITIPACK </div>

                            <a href="#" data-scrollto="#content" data-offset="100" class="dark one-page-arrow"><i class="icon-angle-down infinite animated fadeInDown" /></a>

                            </li>

                            <li class="dark" data-transition="fade" data-slotamount="1" data-masterspeed="1000" data-thumb="https://www.onare.com/vid/GT-ONE_SC.png" data-saveperformance="off" data-title="">
                                <!-- MAIN IMAGE -->
                                <img src="https://www.onare.com/vid/GT-ONE_SC.png" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina="" />
                                <!-- LAYERS -->

                                <div class="tp-fade fadeout fullscreenvideo rs-background-video-layer" data-forcerewind="on" data-volume="mute" data-videowidth="100%" data-videoheight="100%" data-videomp4="vid/gt-smart.mp4" data-videopreload="preload" data-videoloop="none" data-forcecover="1" data-aspectratio="16:9" data-autoplay="true" data-autoplayonlyfirsttime="false" data-nextslideatend="true">
                                </div>

                                <div class="tp-caption customin ltl tp-resizeme revo-slider-emphasis-text nopadding noborder" data-x="116" data-y="260" data-customin="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;s:800;e:Power4.easeOutQuad;" data-speed="800" data-start="1000" data-easing="easeOutQuad" data-splitin="none" data-splitout="none" data-elementdelay="0.01" data-endelementdelay="0.1" data-endspeed="1000" data-endeasing="Power4.easeOut" style="z-index: 3; white-space: nowrap;">Akülü   Çemberleme Makinaları</div>

                                 <div class="tp-caption customin ltl tp-resizeme revo-slider-emphasis-text nopadding noborder" data-x="116" data-y="335" data-customin="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;s:800;e:Power4.easeOutQuad;" data-speed="800" data-start="1000" data-easing="easeOutQuad" data-splitin="none" data-splitout="none" data-elementdelay="0.01" data-endelementdelay="0.1" data-endspeed="1000" data-endeasing="Power4.easeIn" style="z-index: 3; white-space: nowrap;">GT SMART </div>

                            <a href="#" data-scrollto="#content" data-offset="100" class="dark one-page-arrow"><i class="icon-angle-down infinite animated fadeInDown" /></a>

                            </li>

                        </ul>

                    </div>
                </div>
            </div>
        </section>

I would like to ask before I buy that ; am I allowed to break down the code and change it as I wanted ? Will you supply all the html and css codes . Thanks and regards.

Hello,

Thank You so much for your Interest in Purchasing Canvas! :)

Yes Of Course! The Package has all the HTML/CSS/JS/PHP Files included as shown on the Demos. You can modify the Files according to your requirements.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues. Thanks. :)

I bought this complete package. But i am not getting the car demo niche. please help me in getting the car demo as i want to use it.

Hello,

Thank You so much for Purchasing Canvas! :)

You can find the Car Demo in the Package/HTML Folder with the name: demo-car.html File.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues. Thanks. :)

But i cannot find the index.html

Hello,

The demo-car.html File is used as the Homepage for the Car Niche Demo. You can simply rename it to index.html if you would like it to use it in your root Folder.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues. Thanks. :)

Thanks again for your wonderful product. I am using the canvas slider on the following page. I’ve used code from your forums (data-height-lg, etc.) to force the correct resize of the height of the slider at each level, BUT for some reason, the “data-height-sm=”XXX”” value will never work. All the other settings do. Please help! Am I missing something?

My site is here: http://dst-demos.com/ASFA-showcase-2017/index.html

Thank you!

Hello,

We have checked out the Link you had provided and the issue is with the .force-full-screen Class declaration without the .full-screen Class. Make sure that you always use .full-screen and .force-full-screen Classes together else there will be functionality issues. So simply adding the .full-screen Class (where missing) to the .force-full-screen Elements will fix this issue.

Additionally, we would Request you to Renew your Support for Canvas to continue receiving Support and for any Further Questions, please visit Our Support Forum to Open a Support Ticket and Our Dedicated Support Team will be there to provide you with further assistance. Thanks for your Patience.

Do let us know if we can help you with anything else or if you find any further issues with Canvas. Thanks. :)

Hi, I have bought your template, that is so greate template. But I have a noticed about Restaurant template. The version downloaded is a little differrent from demo in website. Thank you

Hello,

Thank You so much for Purchasing Canvas and the Kind Words!

We have checked this out and yes there appears to be a slight bug with the Menu Grid in the Package Files. So thank you for reporting this to us! We will fix this and provide you with the necessary fix shortly. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas. Thanks. :)

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey