Editing the Canvas Overlay etc.

Hi, I need instructions on how to change the maroon/reddish polygon graphic overlay during the transition (when the article is opening). Ideally I would like to be able to specifiy the overlay image, but if not possible, I need to be able to remove it completely.

Also instructions on how to change the header and footer overlay images (for now, I have just disabled the overlay in the index.php file). I commented out the following lines:

<!--jQuery(".toprow").prepend(topPattern.canvas()); -->
<!--jQuery(".bottomrow").prepend(bottomPattern.canvas());-->

Which allows me to style the area with normal CSS, but I would like to be able to choose the pattern?

hello,

you can always change background image of top row and also bottom row. Just add this code on bottom of template_css.css:

.toprow{
background-image: url('');
}
.bottomrow{
background-image: url('');
}

and put url you want. And for polygons (behind articles), you should edit file polygon_bundle at line 320, for options see: github.com/qrohlf/Trianglify

Hello

I have not been successful in changing the polygon overlay behind the images. I visited to link provided, but it very confusing. I just want to change the polygon overlay to a custom image.. is this possible? If you can't provide assistance in changing the image, how do I disable the polygon completely?

Please advise

Hello,

you can have background image but no image that uses same translation effect. To achieve that, put:

.pattern{
background: url(' www.pres2014.org/images/hotel/06crowneplazabelgrade06.jpg ');
background-size: cover;
}

on bottom of template_css.css which is located under your template_folder/css
also if you want to hide polygons, put:

.pattern svg{
display: none;
}

on same file. Or simply disabling overlay like you did before.

Best regards,
Ivan Milic