Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #1223563

    hi again,
    any advice on how i might go about adding these arrows at the bottom center of the featured image here?
    many thanks,


    i should add, i’m happy to customise a template file as i’m using a child theme, just let me know which one to look for.



    Sorry for the delay. The grid layout doesn’t look like that by default. Are you using the masonry element? If you are, try this css code in the Quick CSS field or the style.css file.

    .av-masonry-entry .avia-arrow {
        background: #fff;
        top: -5px;
        border: none;

    If you want to adjust the size of the arrow a bit, use this:

    .avia-arrow {
        height: 10px;
        width: 10px;
        position: absolute;
        top: -6px;
        left: 50%;
        margin-left: -5px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border-width: 1px;
        border-style: solid;
        visibility: hidden\9;

    Alter the width and height property.

    Best regards,

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