Tagged: , , ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • June 18, 2020 at 2:48 am #1223563
    Jason

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

    June 18, 2020 at 4:10 am #1223572
    Jason

    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.

    June 25, 2020 at 11:43 am #1225454
    Ismael

    Hi,

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

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