Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 29, 2019 at 3:09 pm #1152076
    Chili2908

    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 5 years ago by Chili2908.
    October 31, 2019 at 2:30 pm #1152713
    Victoria

    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

    November 5, 2019 at 2:36 pm #1154001
    Chili2908

    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?

    November 6, 2019 at 5:57 am #1154166
    Rikard

    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

    November 7, 2019 at 12:51 pm #1154606
    Chili2908

    Thank you Rikard!

    November 8, 2019 at 2:54 am #1154805
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

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