Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #333091

    Hi there!

    I really love the new upgrade. Every day I discover new things: great!
    One question: how can I replace the circle-image-styling for a different one. For instance: for my website I need a hexagon.

    #333616

    Hey bartvandenbelt!

    Thank you for using Enfold.

    I’m sorry but can you please give us a link to the circle image? Are you referring to the testimonials section? Please try this:

    .avia-testimonial-image:before {
        content: " ";
        width: 0; height: 0;
        border-bottom: 30px solid #6C6;
        border-left: 52px solid transparent;
        border-right: 52px solid transparent;
        position: absolute;
        top: -30px;
    }
    
    .avia-testimonial-image {
        margin-top: 30px;
        width: 104px;
        height: 60px;
        background-color: #6C6;
        position: relative;
    }
    
    .avia-testimonial-image:after {
        content: "";
        width: 0;
        position: absolute;
        bottom: -30px;
        border-top: 30px solid #6C6;
        border-left: 52px solid transparent;
        border-right: 52px solid transparent;
    }
    
    .avia-testimonial-image {
    overflow: visible;
    border-radius: 0;
    }

    Best regards,
    Ismael

    #334764

    Hi Ismael,

    I mean the image-styling. If you insert an image, you can select if you would like a normal styling or a ‘circle’ styling. How can I replace the circle with a hexagon?

    #335241

    Hi!

    Please request such feature here – https://kriesi.at/support/enfold-feature-requests/
    You can refer to this example – http://jsfiddle.net/kizu/bhGn4/

    Regards,
    Yigit

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.