5650 comments found.
Hi, Is it possible to set a different logo for the responsive header ? My logo is a little long. So it covers the whole top when looking on mobile phone. And so you can not see the menu link to push to open the menu.
Thanks a lot.
plus
Hello,
This is Definitely Possible and already included within Canvas! You can simply set the data-mobile-logo Attribute for the Logo Code to activate this feature. Please refer to the logo-changer.html Template in the Package/HTML Folder.
This will definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues. Thanks. 
Great ! Thank you.
Hi, before i buy this item i have a question:
I know the canvas wordpress theme, where you can handle the settings via klick in an admin panel. Settings like margin, with, Box layout, color, input images etc. Is the HTML5 version a similar panel, where you can create a template from scratch, without coding? Or do i need to have knowledge about coding, so that i can make changes?
Thanx for your time
regards
Hello,
Thanks for your Patience!
Canvas is a Static HTML5/CSS3 Template without the CMS. You will need to have some knowledge of HTML/CSS and a Text Editor like Sublime Text, Notepad++ or equivalent will be required to edit the Template Files.
Let us know if we can help you with anything else. Thanks.
hi , i have problem on my slider. 1)First slider not working. 2)Other videos once work and stopped not autoplay 3)Slider doesnt work on mobile telephone. my url : onare.com/slider.aspx Thanks !
Hello, I have a problem with Canvas template. The arrow scrolling with browser is not working. Can I enable the arrow scrolling with browsers? How? Thanks
arrow key is not working with Canvas.
with chrome browser.
Hello,
Thanks for your Patience! Everything appears to be working fine with us. Can you please let us know which OS your are working with so that we can investigate about this further. Additionally, we could not Verify your License. Can you please consider posting your Question with the Account you used for Purchasing Canvas. 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,
We have just checked this out and the Arrow Scrolling Issue appears only when The Live Previews are viewed using the ThemeForest iFrames. The arrows work fine when viewing the Live Previews directly: http://themes.semicolonweb.com/html/canvas/intro.php .
Hope this Helps!
Let us know if we can help you with anything else. Thanks.
hello, in canvas demo have free premium revolution slider theme, i can copy it to html, but can i import it to revolution slider standalone , because i need to modify it.. how to import it ? thanks
Hello,
Unfortunately, only the ZIP Examples that comes with the Visual Editor Plugin can be edited. The other examples included with Canvas needs to be edited 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 vertically centered class for slider caption/content in canvas I can use?
https://www.absolute.com/en/landing/test/marketo-mockup8on my mockup, I want to make the whole block to be vertically centered.
Thanks.
Hello,
Thanks for your Patience!
This can be achieved using the .vertical-middle Class on the Element you need to align in the middle vertically. Please consider using the following code:
<div class="col-md-6">
<div class="vertical-middle">
<div class="slider-heading">
...
</div>
</div>
</div>
This should definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues. Thanks.
Can you please let me know if any other changes are needed?
Hi, Is there any update on this post? I tried and it doesn’t seem to work: https://www.absolute.com/en/landing/test/marketo-mockup8 Can you please let me know if any other changes are needed?
hi, how to show sticky-header on mobile device thank you
Ok, I add class sticky-responsive-menu on body
Hello,
Really Glad that your issues were resolved. 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’m a wordpress beginner and yesterday I bought your canvas theme. I didn’t even know that this is not a wordpress theme. Is it possible to return money or exchange for some wordpress template? I’m really sorry but I can’t use the canvas because I do not know how. Marek
Hello,
We Really Apologize about the Inconveniences caused! Unfortunately, we currently do not process Refunds for Purchases that have been downloaded. Please consider contacting Envato directly in this case: https://help.market.envato.com/hc/en-us/requests/new .
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues. Thanks.
Congratulations! Nice Theme, Good Luck With Sale 
Hi,
I would like to modify the loading style of my portfolio page. Is it possible to recreate something similar to how the way the images appear, on at a time, in this website: (http://gravitasventures.com/documentary/) in the Canvas portfolio?
Thanks!
Christian
Hello,
It is Definitely Possible by using the Animate.css Library but the Filter Functionality will not work fine, since they conflict with each others Animation Style! You can do so by simply adding the data-animate=”zoomIn” Attribute to the .portfolio-item DIV. Additionally, you can also use data-delay=”300” for each Animated Item to delay the Animation to have an Attractive Tree Loading Style. Example Code:
<div id="portfolio" class="portfolio grid-container clearfix">
<article class="portfolio-item pf-media pf-icons" data-animate="zoomIn">
...
</article>
<article class="portfolio-item pf-illustrations" data-animate="zoomIn" data-delay="300">
...
</article>
<article class="portfolio-item pf-graphics pf-uielements" data-animate="zoomIn" data-delay="600">
...
</article>
...
</div>
This should definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues. Thanks.
Where to find the icon map?
Hello,
You can find a List of all the Included Icons in the Documentation > Shortcodes > Icons Section.
This will definitely work fine.
Let us know if we can help you with anything else or if you find any other issues. Thanks.
Thank you for the wonderful theme.
I am utilizing your popovers (from your shortcode page here:http://themes.semicolonweb.com/html/canvas/modal-popovers.php) on circle icons on this page of my site: http://www.mktgwebdev.com/ASFA2017-ipad-site/digital-solutions-portal.html
is it possible to put a hyperlink on any of the text in the popover? (I’d rather not use modals)
Hello,
Thank You so much for the Kind Words!
<a href="javascript:;" data-container="body" data-toggle="popover" data-placement="top" data-html="true" data-content="Out-of-the-box member portal providing all the essential functionality for a great member experience. Suits industry funds with minimal or no <a href='#'>in-house</a> digital capability." data-original-title="" title=""><i class="icon-et-browser"></i></a>
This will definitely work fine. What we have done is add data-html=”true” in the code and also added a Hyperlink with Single Quotes for the href Attributes: <a href=’#’>in-house</a> which is important to make sure that there is no conflict between the data-popover Attributes Double Quotes and href Single Quotes. So, specifically this means that whatever HTML Code you add inside the data-popover Content should have Single Quotes.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues. Thanks.
Perfect! Thank you so much.
Hi I’m getting the Could not instantiate mail function. error but hosting company confirmed that everything is enabled – I’m taking the route of SMTP but no luck as well.
I have seen some asked the same questions and I’m wondering what is happening?
Hello,
The Message: Could not instantiate mail function specifically suggests that the PHP mail() Function is disabled on the Servers: https://www.google.co.in/search?q=Could+not+instantiate+mail+function&rls=com.microsoft:en-US:{referrer:source?}&ie=UTF-8&oe=UTF-8&sourceid=ie7&rlz=1I7GGLL_en which needs to be enabled so that the Emails can be sent. And this can only be done by the Hosting Providers. Additionally, every User has the same codes and if this does not work on your Servers, then there is something wrong with the Hosting Environment.
Additionally, if the SMTP Functionality is not working, please provide us with the Live URL so that we can provide you with a Specific Reason for this issue. 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.
Why does the logo disappear when viewed on a mobile device? (Android, Samsung)
Hello,
Can you please provide us with a Live URL so that we can check out the exact issue and provide you with a more accurate solution for this. Thanks for your Patience.
Additionally, this issue mostly occurs when the Retina Logo is missing from your Page. Make sure that you add a Retina Logo by following the Default Codes for the Logo Area.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas. Thanks.
I have problem with menu, im using boxed style and sticky menu. the menu caused half of my page are empty, like this : http://dinkes.palopokota.go.id/kontak
fixed, add margin solved the problem
Hello,
Really Glad that your issues were resolved. 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.
hello, i have a problem with revolution slider plugin , fresh install and cant create a new slider ( the button is not show )
https://imgur.com/a/wssbOin mozilla or IE its same, not show
please help me 
what happen with that
Hello,
There appears to be an Installation Error. If you are installing the Editor Plugin on a Local Computer, please consider checking out this guide: https://www.themepunch.com/faq/how-to-install-visual-editor-on-local-computer-using-mamp/ and try installing the Editor again.
This should definitely fix the issue. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues. Thanks.
i arelady use mamp instead of xampp, and its same.. i cant creat a new slide because its not display , or it is bug for old version ? or you can upload for a new one ? , i really need build my revolutionslider with included in your theme thanks for your answer
Hello,
We have just checked this out and it appears to be working fine for us. Please send us an Email from here: https://themeforest.net/user/semicolonweb#from so that we can send you the Latest Files. 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, i already send you email, thanks
Hello,
Thank You so much for getting back to us. Our Network is a little bit slow at the moment, so we will be sending your the Files 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.
hello, still not get any download url for this ? thanks
Hello,
We Really Apologize about the Inconveniences caused! The Updated Files should reach your Email 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.
Hi! I’m interested in this theme. I would like to known, if there is a possibility to reduce the CSS and js files by choosing only important features which are needed while building a website? Thanks
Hello,
Thank You so much for your Interest in Purchasing Canvas!
We already have a JS Package Generator: http://support.semicolonweb.com/js-package-generator/ to generate the JS Codes only for those Plugins which you require for your Website. We are also working on the CSS Package Generator which we will be releasing soon. Meanwhile, for the CSS you can simply use the CSS Files in the css/imports Folder and the style-import.css File to include/exclude the CSS according to your usage requirements.
This will definitely work fine.
Let us know if we can help you with anything else. Thanks.
Hi, I’m using bootstrap columns when we have 2 or 3 columns of boxes but my issue is the height of the boxes don’t match. If I use display:flex and justify-content:space-between, I’m able to see three columns nicely aligned even if the content lengths don’t match. But if I use flex, I don’t get to use responsive bootstrap columns style. Any idea if there is a way to mix flex and bootstrap cols?
Hello,
You can either use the Grid Container with data-layout=”fitRows” or use the .common-height functionality to make this work.
Grid Container:
<div class="row grid-container" data-layout="fitRows">
<div class="col-md-4"></div>
<div class="col-md-4"></div>
<div class="col-md-4"></div>
</div>
Common Height:
<div class="row common-height">
<div class="col-md-4">
<div>Your Content</div>
</div>
<div class="col-md-4">
<div>Your Content</div>
</div>
<div class="col-md-4">
<div>Your Content</div>
</div>
</div>
This should definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues. Thanks.
Thank you! works.
Hello,
Really Glad that your issues were resolved. 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, if I use common-height, I have an issue in smaller devices. It all has tall height in one column but I just want to show height:auto in smaller devices (ie, when the screen is smaller than 767px) cause we don’t display multiple columns anymore. Is there a way to do that using common-height?
Hello,
Simply using the following CSS Code should work fine:
.common-height [class^=col-] { height: auto !important; }
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues. Thanks.
Hi, yah I tried that css initially but I have an issue in this case:
In my css, I added this to use auto height in only smaller devices: @media (max-width: 767px) {
.common-height [class^=col-] { height: auto !important; }
}
1) View the screen in big screen first ie) 1800px wide then we have inline style for the height to match two columns. If I view source, this is what I see:
<div class="row common-height"> <div class="col-md-6 col-sm-6" style="height: 450px;"> [COLUMN ONE] </div> <div class="col-md-6 col-sm-6" style="height: 450px;"> [COLUMN TWO] </div> </div>2) Next, resize the screen to small ie )600px wide then it will use the css mentioned above and the height will be auto. This is perfect cause they are not in 2 columns anymore so we don’t need to have the same height. If I view source, this is what I see:
<div class="row common-height"> <div class="col-md-6 col-sm-6" style="height: 495px;"> [COLUMN ONE] </div> <div class="col-md-6 col-sm-6" style="height: 495px;"> [COLUMN TWO] </div> </div>3) Next, resize the screen back to big ie) 1800px wide. Now I want the common-height to be working cause they will be in 2 columns but when I view source, the inline height doesn’t get updated. It’s still using the height set in step 2 using auto height:
<div class="row common-height"> <div class="col-md-6 col-sm-6" style="height: 495px;"> [COLUMN ONE] </div> <div class="col-md-6 col-sm-6" style="height: 495px;"> [COLUMN TWO] </div> </div>
Is there a way to use common-height instead of auto height when the screen gets bigger than 767px wide?
Hello,
Wow! This is weird! Apologies about the Inconveniences caused! Can you please provide us with a Live URL so that we can check out the exact issue and provide you with a more accurate solution for 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.
Hi, please see this test page to see the issue I described above: https://www.absolute.com/en/landing/test/marketo-mockup7
Thanks for your time!
Hello,
Thanks for your Patience!
We have worked on a different solution for your issue. Please update the commonHeight: function( element ) Function Block in the js/functions.js File with the following code:
commonHeight: function( element ){
var maxHeight = 0;
element.children('[class*=col-]').each( function(){
var elementChild = $(this).children();
if( elementChild.hasClass('max-height') ){
maxHeight = elementChild.outerHeight();
} else {
if (elementChild.outerHeight() > maxHeight)
maxHeight = elementChild.outerHeight();
}
});
element.children('[class*=col-]').each(function() {
if( $body.hasClass('device-lg') || $body.hasClass('device-md') ||$body.hasClass('device-sm') ) {
$(this).height(maxHeight);
} else {
$(this).css({ 'height': '' });
}
});
},
And then remove the Custom CSS we provided earlier to set your Common Height Columns to Auto as it is not required anymore. The JS we have provided above will work seamlessly in setting the Auto Heights for your Columns in XS and XXS Widths and then back to Normal Common Height Functionality in the SM, MD and LG Widths.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues. Thanks.
This works! Thanks for help
Hello. Getting ready to buy my second license for this great template. I am using the feature boxes with icons that are on top of them. What is the easiest way to make the icons smaller? (like the boxes called “Bordered Featured Boxes” here:http://themes.semicolonweb.com/html/canvas/featured-boxes.php
Hello,
Thank you so much for considering to buy a Second License for Canvas!
.feature-box.fbox-center.fbox-plain .fbox-icon i { font-size: 60px; }
Can you please provide us with more details and a Live URL so that we can check out which variation of the Featured Box you are using and provide you with a more accurate solution for 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.
Thank you!
Hello,
Can you please provide us with an Example of what you are looking to implement so that we can provide with the accurate codes. 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.
I would like the icons with circles around them on the page I linked to above to be smaller. Meaning the circle is smaller and the icons are smaller (as well as the rollover behavior).
Hello,
Consider using the following code:
.feature-box.fbox-bg.fbox-center .fbox-icon {
top: -40px;
margin: 0 0 0 -40px;
}
.feature-box.fbox-center .fbox-icon {
width: 80px;
height: 80px;
}
.feature-box.fbox-center.fbox-border .fbox-icon i { line-height: 78px !important; }
.feature-box.fbox-center .fbox-icon i { font-size: 32px; }
This will definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues. Thanks.
hello,
waiting for bootstrap 4 for this awesome template
Hello,
We definitely have plans of Upgrading Canvas to Bootstrap 4 and are already working on the Update. It is taking slight bit of time because some of the Plugins included still doesn’t support Bootstrap 4. Rest assured, Bootstrap 4 will be available soon with Canvas 5. 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.
