Editing the Canvas Overlay etc.

More
8 years 8 months ago #45582 by srajput001
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?

Please Log in to join the conversation.

More
8 years 8 months ago #45586 by ivan.milic
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

Please Log in to join the conversation.

More
8 years 7 months ago #45604 by tamarae11
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

Please Log in to join the conversation.

More
8 years 7 months ago #45606 by ivan.milic
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

Please Log in to join the conversation.

Time to create page: 0.162 seconds
Powered by Kunena Forum