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.
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
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?
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