Web Themes & Templates

Discussion on Canvas | The Multi-Purpose HTML5 Template

SemiColonWeb supports this item

Supported

5099 comments found.

PaulK2

PaulK2 Purchased

Hello, I used Magnific-popup to deliver cookie message. What I don’t like is that there is a semi-transparent background in the back that “blocks” other content on www. After clicking the “close X” or clicking on the background it dissappears. How can I turn the background off? Thank you! Great theme!

Hello,

You can use the following code to make the Background transparent:
.mfp-bg { background-color: transparent; }

This will definitely work fine. Hope this Helps!

As this Comments Section is meant only for Pre-Sale Questions and not Support related queries, we request you please visit our Support Forums to Open a Support Ticket for any further assistance.

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

PaulK2

PaulK2 Purchased

Thank you, the background is indeed not visible, but its still there and its blocking the mouse to hover on website elements (links etc). How to turn this off?

Hello,

Unfortunately, this is currently not supported. As Lightboxes are meant to Overlay on the Content Area, the Mouse Actions on the Content Area cannot be performed when the Lightbox is active. You will need to use a Custom Solution for this.

Hope this Helps!

Please visit our Support Forums to Open a Support Ticket for any further assistance.

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

Asli08

Asli08 Purchased

hey, I need your help. My webpage loading slow (approx. 8-9 second) because of video slider. I dont know what should i do? please, can u help me about this?

Hello,

Thanks for writing to us! Very Happy to Help!

Please visit our Support Forums to Open a Support Ticket with the Live URL of the Page you are facing issues with and Our Support Team will provide you with further assistance.

Additionally, you can also consider checking and following the Optimization Tips here: http://docs.semicolonweb.com/docs/getting-started/website-optimization-tips/ , which should definitely help with speeding up your Website.

Hope this Helps!

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

how to change LTR to RTL?

Hello,

Please consider checking out the Documentation on Setting up RTL here: http://docs.semicolonweb.com/docs/getting-started/setting-up-rtl/ .

Hope this Helps!

Please visit our Support Forums to Open a Support Ticket for any further assistance.

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

ok. one more, this licenced for 1 website? or can use more website

Hello,

1 License of Canvas can be used only on 1 Website. For additional websites, you will need to Purchase an Additional License of Canvas per Website.

Hope this Helps!

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

I don’t kown why I receive this error, I didn’t change a thing, but I got this:

imagesLoaded is not defined. How can I solve this?

Hello,

Apologies for the Inconvenience!

Please provide us with a Live URL here: Support Forums so that we can check out the exact issue and provide you with more assistance on this. 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. :)

Hello,

After the MacBook Big Sur update, my website become useless. This issue only happens on the Chrome browser with Mac. There are errors in the console. Could you please help?

The website works just fine on the Safari, mobile devices and on the Windows devices with Chrome.

Uncaught TypeError: Cannot read property ‘1’ of null at getOS (plugins.js:2769) at plugins.js:2785 getOS @ plugins.js:2769 (anonymous) @ plugins.js:2785 functions.js:673 lazyLoad: Appear not Defined. functions.js:298 lightbox: Magnific Popup not Defined. functions.js:2111 animations: Appear not Defined. functions.js:2341 tabs: Tabs not Defined. functions.js:2405 tabs: Tabs not Defined. functions.js:2431 tabs: Tabs not Defined. functions.js:2521 counter: Appear not Defined. functions.js:2564 roundedSkill: Appear not Defined. functions.js:2623 progress: Appear not Defined. functions.js:2815 dribbbleShots: imagesLoaded not Defined. functions.js:3094 textRotater: Morphext not Defined. functions.js:2922 carousel: Owl Carousel not Defined. functions.js:3156 ajaxForm: Form Validate not Defined. functions.js:3293 subscription: Form Validate not Defined. functions.js:3363 stickySidebar: Sticky Sidebar is not Defined. jquery.js:2 jQuery.

Deferred exception: Cookies is not defined ReferenceError: Cookies is not defined at Object.cookieNotify (functions.js:3387:4) at Object.init (functions.js:2084:21) at HTMLDocument.init (functions.js:3572:21) at e (jquery.js:2:30005) at t (jquery.js:2:30307) undefined S.Deferred.exceptionHook @ jquery.js:2 t @ jquery.js:2 setTimeout (async) (anonymous) @ jquery.js:2 c @ jquery.js:2 fireWith @ jquery.js:2 fire @ jquery.js:2 c @ jquery.js:2 fireWith @ jquery.js:2 ready @ jquery.js:2 B @ jquery.js:2 jquery.js:2 jQuery.

Deferred exception: $(...).tabs is not a function TypeError: $(...).tabs is not a function at HTMLDocument.<anonymous> (about:1811:30) at e (jquery.js:2:30005) at t (jquery.js:2:30307) undefined S.Deferred.exceptionHook @ jquery.js:2 t @ ...

Uncaught ReferenceError: Cookies is not defined at Object.cookieNotify (functions.js:3387) at Object.init (functions.js:2084) at HTMLDocument.init (functions.js:3572) at e (jquery.js:2) at t (jquery.js:2) cookieNotify …

Uncaught TypeError: $(...).tabs is not a function at HTMLDocument.<anonymous> (about:1811) at e (jquery.js:2) at t (jquery.js:2) (anonymous) @ ...

functions.js:1811 gridInit: Isotope not Defined. functions.js:1855 filterInit: Isotope not Defined. functions.js:1889 shuffleInit: Isotope not Defined. functions.js:2099

Uncaught ReferenceError: skrollr is not defined at Object.parallax (functions.js:2099) at init (functions.js:3658) at dispatch (jquery.js:2) at v.handle (jquery.js:2) parallax …

(anonymous) @ functions.js:3727 (anonymous) @ functions.js:3730

I will do that. Thank you so much for the great work and the quick turn around. You guys are awesome!

Hello,

Yes, as we mentioned, the error is related to a 3rd Party Plugin, which we have already fixed in our DEV Files and an update will be pushed shortly for this in a couple of hours.

Regarding the other errors, please ensure that the Plugins are at their Latest Versions, as we update the Templates periodically: http://docs.semicolonweb.com/docs-group/changelog/ .

Hope this Helps!

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

Hello,

Very Happy to Help! It is our responsibility to make sure that your website runs smoothly!

Do let us know if we can help you with anything else. Meanwhile, please stay tuned for the Update, it will be available shortly.

Thanks.

xorg-xx

xorg-xx Purchased

hi i add some probleme with Cookie system provide. in the real life we need to set some parametre dynamic NOT alwais static.lake name, value, time, secure ….. how do we can process this?

thank

Hello,

Canvas uses the JS Cookie Plugin to store Cookie Information. Cookies are used primarily in the Modal on Load and GDPR Enable/Disable Settings when working with Canvas. However, if you would like to use your own Custom Settings for Cookies, we recommend you to consider using this Documentation: https://github.com/js-cookie/js-cookie#basic-usage . For anything else, please feel free to visit our Support Forums to Open a Support Ticket for any further assistance.

Hope this Helps!

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

xorg-xx

xorg-xx Purchased

it is the point i using wiht primarily in the Modal on Load and GDPR, but i also want to set only my cookie with my variable, not using the default one. so telfore i will look https://github.com/js-cookie/js-cookie#basic-usage as you recommand. thank

Hello,

Very Happy to Help!

In case you are using Canvas 6, you can consider editing the js/plugins.cookie.js File to set your own value.

Hope this Helps!

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

ibergag Purchased

Hello,

Is it still possible to use google map Freely without adding your credit card to enable billing? if NO then any alternative ?

Thanks

Hello,

The Google Maps API requires you to Setup a Billing Account: https://developers.google.com/maps/gmp-get-started . Other than that, you can use the Embed Option directly from the Google Maps: https://www.google.com/maps .

Hope this Helps!

Please visit our Support Forums to Open a Support Ticket for any further assistance.

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

ibergag Purchased

Ok I got it Thank. Very Fast support (y)

Hello,

Very Happy to help! :)

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

Hey there, I bought 2 licenses for this template months ago and now I realise that the functionality in CHROME has gone missing somehow. In Firefox and Safari the counters, animations and galleries are working fine.

Please follow this link

https://www.golden-fairy.com/

in CHROME and see that the animations do not work (symbols in section 2, sorting of the gallery, counters in footer). Then open it up in Firefox and Safari to see that all is working fine. Any idea as to why that is?

Thanks

Also here

https://www.golden-fairy.com/leistungen.html

the “type” animation doesn’t work. On mobile it does though.

Hello,

Apologies for the inconvenience caused!

We have checked out your Website and you are using an Old Version of Canvas which has Old Plugin Codes that could cause conflicts with the OS Updates. Make sure that you are using the Latest Version of Canvas with the Updated Codes to ensure maximum compatibility. This is why we always keep Canvas updated with the Latest Codes.

Additionally, after the BigSur Update there is a JS error related to a 3rd Party Plugin, which we have already updated and fixed. So simply update to the Latest Version and this will definitely fix your issue. If you are not ready to update to the Latest Version, consider updating the Youtube BG Player Plugin in the js/plugins.js File.

This will definitely fix your issue. Hope this Helps!

Please visit our Support Forums to Open a Support Ticket for any further assistance.

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

Nice Work…..best of luck with sales❤️

Hi SCW what an awesome theme! The only difficulty I’m having is to find the code to translate the email the website owner (my client) receives when filling the event registration form in forms-event-registration.html. I tried in many ways to find those English strings with no success. I especifically need to change the field headings on the notification email, as well as the footer note that goes “This Form was submitted from: ” – Please, deployed website waiting for my translation at: http://capitalhumanootec.cl/

Hello,

Thank You so much for the Kind Words! :)

You can find the “The Form was submitted from: ” Text in the include/form.php File. For all the other Texts, consider using the settings directly in the HTML Code within the <form> Tags, as provided here: http://docs.semicolonweb.com/docs/forms/settings/ .

To change the Language of the Field Names, you will need to Translate this in the Form’s HTML Code itself. Simply find the following code in your Form’s HTML Codes:
name="template-contactform-name" 

and replace the name with your Translated Text.

Example:
name="template-contactform-nombre" 

This will display as Nombre in the Form Response Email. Hope this Helps!

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

varunwaun

varunwaun Purchased

Do you provide a little customisation as per need?

Hello,

Thanks for your Interest in Purchasing Canvas! :)

Unfortunately, we currently do not provide Customization related Support according to the Item Support Policy: https://themeforest.net/page/item_support_policy . Support is only provided for the Included Features with Canvas.

Hope this Helps!

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

Hi, I was looking for a template and Canvas seems to be the right option for me. Although, I would like to ask you 2 things that comes to my mind after watching the demos carefully. 1) is it possible to add my own logo, right? 2) is there any way that I cannot show the feature imagine on single post page? thanks! looking forward to your answer!

Hello,

Thanks for your Interest in Purchasing Canvas! :)

1. Absolutely! You can add your own Logos. Canvas also has an option for setting up specific Logos for Sticky Headers and Mobile Menus.

2. You can add/remove anything according to your needs. You will just need to remove the code block from the Template. That’s it.

Hope this Helps!

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

Hi, thanks for the quick reply. Do you think is it easy to add/remove anything removing the code block from the template for someone that has a really little knowledge about coding? Just wanna be sure that this is gonna work for me. Thanks!

Hello,

Users find working with Canvas easy, and to Add, Edit, and Modify which is why our user-base is strong and growing. You would probably just need to be moderately comfortable using HTML/CSS to work with Canvas. However, if you are looking to Customize heavily with little HTML/CSS knowledge, we would not recommend using HTML Templates. You can consider checking our Videos and Documentations to get an idea of working with Canvas. And for any help or issues you face with Canvas, we are always here to help via Our Support Forums.

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

brnEnvato

brnEnvato Purchased

Hi, In Canvas is it possible to get the same animations on the elements as they appear on the page? As in this site https://www.simonaruscitto.it/reiki.html that scrolling the page, the elements appear with fluid animations. Thanks. Best regards. Bruno

Hello,

Absolutely! This is Definitely Possible! Consider checking out this Template: http://themes.semicolonweb.com/html/canvas/animations.html . Detailed Documentation for using this can be found here: http://docs.semicolonweb.com/docs/shortcodes/animations/ .

Hope this Helps!

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

brnEnvato

brnEnvato Purchased

Wow, thanks a lot!!! Best regards. Bruno

brnEnvato

brnEnvato Purchased

Hi. I saw Package Generator, congratulations, another great product!

bakasit

bakasit Purchased

Hi =, Just wondering is this website template comes with any WGSIG editor? whether client can edit and add images? thank you

Hello,

Thanks for Purchasing Canvas! :)

Canvas does not include a WYSIWYG Editor for adding and editing images. This needs to be done manually using a Text Editor.

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

Hello. I am currently using this theme (Bootstrap v3.3.2). Will this version work with select2 as demonstrated in http://themes.semicolonweb.com/html/canvas/component-select-box.html?

Your advice in this matter is highly appreciated.

Thank you

Hello,

Currently both Select2 and Bootstrap used in Canvas are at their Latest Versions. It is not recommended to use the Latest Version of Select 2 with an Old Version of Bootstrap. The Select 2 Compoent was introduced with Bootstrap 3.3.6, and Canvas was at v4. Here is the Changelog: http://docs.semicolonweb.com/docs/changelog/version-4-0/ . If you like we can provide you with this Version of Canvas. Simply send us an Email from here: https://themeforest.net/user/semicolonweb#from so that we can send you access to the File. 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. :)

lord_D

lord_D Purchased

I can’t install the theme or it gives me an error or access denied and can’t find the css, Extra Stylesheets and other folders required for installation

Hello,

We have just replied to your Support Query on the Support Forums: http://support.semicolonweb.com/forums/topic/i-cant-install-the-html5-theme-canvas/ with the Solution.

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

Dear Author,

I appreciate the efforts of creating the theme and love it so much. But, I’m having a big issue with the header and slider feature when doing resizing. I have also uploaded a screen record, and please check the below link. ( Note: I’m testing with the latest version 6.1.3 by using slider-canvas-autoplay.html in my screen record )

https://drive.google.com/file/d/1BCdDfz8V40kKX0feVqI0rG-arKp6UrnV/view?usp=sharing

Here are the steps that I have done in the video. 1. Open slider-canvas-autoplay.html (It happens in other sliders too) 2. Don’t Scroll down first and Resize the browser 3. We can see that there are some errors in the menu and slider too. But when we refresh, we can see the original menu and slider without any issue.

Note: We won’t face this issue if we scroll down first and then doing browser resizing. It only happens without scrolling down and resizing the browser first.

Since my site will be in production, this is a big issue for us. Could you please check the bug, and please reply to me if the team found any solution to this issue.

Wishing you and the team having a great day again.

Hello,

Thank You so much for the Kind Words! :)

Thanks for your Patience and Apologies for the Inconvenience caused due to this issue.

This is primarily done to reduce Javascript Computation Times and Memory Usage on the Browser to make everything work smoothly on different browsers for your Website’s Visitors. Ideally, in real-world usage, users do not resize the browsers to check your Website, and they simply Open your Website in either a Browser or a Mobile Device.

However, you can enable to resize the Header/Slider functions to make it work in Browsers on resizing. Simply consider following the Solution we have provided on the Support Forums on your Support Query: http://support.semicolonweb.com/forums/topic/issue-with-the-header-and-slider-feature-when-doing-browser-resizing-2/ .

This will definitely fix the issue you are facing on Browser Resize. Hope this Helps! Meanwhile, we will keep making improvements to this!

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

brnEnvato

brnEnvato Purchased

Hi. I saw Package Generator, congratulations, another great product! I am not an expert in SCSS and I ask you a question: I tried to generate with the Package Generator, twice, the same page (for example the same about.html), the first time Including SCSS Files and the second time without the option to include SCSS File. I don’t think there are any differences, it seems to me that the two pages are the same, show the same elements and the same animations. What is the use of including SCSS files? What are they for? Sorry for my ignorance and thanks for your patience. Best regards. Bruno

Hello,

Some of these Layouts are not included with Canvas by Default but all of them can be easily created without any Additional CSS Customizations. You can find one of them here: http://themes.semicolonweb.com/html/canvas/about.html .

As this Comments Section is meant only for Pre-Sale Questions and not Support related queries, we request you please visit our Support Forums to Open a Support Ticket and Our Support Team will be very Happy to assist you with this.

Hope this Helps!

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

brnEnvato

brnEnvato Purchased

Sorry, you’re right, so I’ll do it. Thank you for your support. Best regards. Bruno

Please do let us know if we can help you anything else.

Thanks & Regards,
SemiColonWeb Team.

Jgreg Purchased

Is Canvas HTML code in this template ADA compliant?

The ADA is the American Disabilities Act that requires all websites to be equally accessible to all users who might have low vision, hearing problems or no vision capabilities. This is particular important when a Visitor uses the browse controls to Re-Size Text… if the resized text, such as 200%, is obscured under a DIV layer or in any way not completely visible, that becomes a violation that can draw big fines from US government. here’s a Link to a quick guide to ADA website compliance if you’d like to look. https://medium.com/@krisrivenburgh/guide-wcag-2-0-aa-for-beginners-742c9576792c

As code authors, there are only a few items under your control when coding the templates… and I can tell you for certain, that none of the WP plugins or offsite services who claim to provide an Accessiblity Toolbar can actually make any website compliant. That requires proper coding and mostly site builder compliance when adding or editing content.

Hello,

Thanks for the Comment, for shedding more light on this, and for your Valuable Suggestions. Currently, Canvas is not fully compatible with WCAG Standards out of the box but we definitely have this on our Watch List and gradually working towards improving this with future versions.

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

by
by
by
by
by
by