“hexagon mask”

  • Haru .S
    Hello Ruben,
    I got the Hexagon One Page Portfolio. I love the hexagon mask, but my images of Portfolio don't fit well… so I 'd like to change it to rounded rectangle, can you tell me how to change the code?

    another question: Home and Portfolio don't work on android phone ?

    Thanks in advance for your help,

    4:04 on January 5, 2013

  • Ruben Bristian
    1. Change the html declaration, and give it an IE class, which will disable the canvas shaping(line 4):<!--[if gt IE 9]><!--> <html class="no-js ie"> <!--<![endif]-->2. Turn the images into circles via css:.portfolioContainer img, .teamList img {
    3. You have to fix the menu, since you’ve given a wrong class(ie). At lines 2285-2292 in the stylesheet:/* IE */
    .ie8 #menu ul li, .ie8 #menu ul li a, .ie9 #menu ul li, .ie9 #menu ul li a {
    .ie8 #menu a:hover, .ie9 #menu a:hover {
    color: #f26402;
    padding-right: 15px;
    You have to understand that by doing this you'll actually destroy the concept of the theme, so if the site won't look like before, it is your responsability.. To add a bit of hovering effects to the newly portfolio items:.portfolioContainer li img {
    -webkit-transition:all 300ms ease-in;
    -o-transition:all 300ms ease-in;
    -moz-transition:all 300ms ease-in;
    .portfolioContainer li img:hover {

    4:04 on January 7, 2013

  • Haru .S
    thank you for the response!
    I try not to destroy this cute template

    4:04 on January 8, 2013

  • Ruben Bristian
    haha..don't worry! You've bought it, so you have the right to change it completely )

    4:04 on January 9, 2013

  • Hannah Pycroft
    Hello there,

    I was looking to do the same thing but to change the Hexagon to more of a rounded star shape.

    Would this be possible?

    Many thanks!


    4:04 on January 21, 2013

  • Ruben Bristian
    That can only be possible with really extensive custom work.. Sorry..

    4:04 on January 21, 2013