Hello,
Since this is a Static HTML5/CSS3 Template, you will need to manually rename the Files according to your needs. So demo-construction.html becomes index.html, and other as you need.
This is not included by default since this is meant only for the Live Previews. You will need to manually include a Custom Solution for this. Consider using the following JS codes to create a Custom Solution for Colors:
[ch_pre type="js"]const cnvsHEXtoRGBA = hex => {
let c;
if(/^#([A-Fa-f0-9]{3}){1,2}$/.test(hex)){
c= hex.substring(1).split('');
if(c.length==3){
c= [c[0], c[0], c[1], c[1], c[2], c[2]];
}
c= '0x'+c.join('');
return [(c>>16)&255, (c>>8)&255, c&255].join(',');
}
console.log('Bad Hex');
};
// To change Colors
document.documentElement.style.setProperty('--cnvs-themecolor', elColor);
document.documentElement.style.setProperty('--cnvs-themecolor-rgb', cnvsHEXtoRGBA(elColor));[/ch_pre]
For the OffCanvas, simply use this Bootstrap Component: https://getbootstrap.com/docs/5.3/components/offcanvas/ .
Again, this must be done manually. This is the code for a Blog Post:
[ch_pre]
[
](demos/construction/images/team/4.jpg)
This is a Standard post with a Preview Image
...
[Read More](#)
[/ch_pre]
and you will need to add this code in the #posts DIV for each New Blog Post.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
