Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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.
    #1152713

    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,
    Victoria

    #1154001

    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?

    #1154166

    Hi,

    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,
    Rikard

    #1154606

    Thank you Rikard!

    #1154805

    Hi,

    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.