Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #1152076

    Hi there,

    I’m using a masonry with a perfect pattern and would like to adjust the “avia-arrow”. I would like to know how to adjust the shape. Right now, it’s a square that is turned by 45 degrees. I’d like to have the lower part only which means it should be a triangle. As you can see with the current settings it doesn’t look good if I’m using a mix of light and dark images.

    Is there any solution available? Maybe even a different approach?

    Thank you in advance!

    • This topic was modified 7 months ago by  Chili2908.

    Hey Chili2908,

    There is nothing on top of it to hide the upper part. You can try to make it transparent and maybe add some icon as content.

    If you need further assistance please let us know.
    Best regards,


    Thank you, Victoria!

    I tried to replace the icon with a background-image, unfortunately it didn’t work. Would you please be so kind and push me in the right direction?



    Please try the following in Quick CSS under Enfold->General Styling:

    .avia-arrow {
        top: 0 !important;
        width: 0;
        height: 0;
        border-left: 10px solid transparent !important;
        border-right: 10px solid transparent !important;
        border-top: 20px solid white !important;

    Best regards,


    Thank you Rikard!



    Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.