Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 8, 2021 at 11:33 am #1286389
    tokenofhon

    Hi,

    I’ve been wanting to turn the circle padding on the icon list icons to hexagons and I came across this thread:

    https://kriesi.at/support/topic/hexagon-shape-in-iconbox/

    How would i apply this code to the iconlist, rather than iconbox?

    I tried this without luck:

    .iconlist_icon.heading-color {
    -webkit-clip-path: polygon(50% 0, 93.3% 25%, 93.3% 75%, 50% 100%, 6.7% 75%, 6.7% 25%);
    clip-path: polygon(50% 0, 93.3% 25%, 93.3% 75%, 50% 100%, 6.7% 75%, 6.7% 25%);
    }

    March 10, 2021 at 4:07 am #1286965
    Rikard

    Hey tokenofhon,

    Please try this CSS instead:

    .iconlist_icon {
  -webkit-clip-path: polygon(50% 0, 93.3% 25%, 93.3% 75%, 50% 100%, 6.7% 75%, 6.7% 25%);
  clip-path: polygon(50% 0, 93.3% 25%, 93.3% 75%, 50% 100%, 6.7% 75%, 6.7% 25%);
}

    Best regards,
    Rikard

    March 10, 2021 at 12:09 pm #1287054
    tokenofhon

    Works perfectly, thankyou!

    March 11, 2021 at 10:52 am #1287363
    Nikko

    Hi tokenofhon,

    We’re glad to hear that :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Hexagon icon list’ is closed to new replies.