Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 9, 2015 at 11:23 am #377308
    mecdesign

    Hello People,

    I wonder if you can help. Im just putting together a site using the Enfold theme with a gallery of various cars.
    My boss doesnt like it? He feels that when you are in the middle of the gallery with the images and title text you have no idea of knowing whether the text is for the image above or below. I pointed out that there was a small arrow. His only response was that if he missed it then the customers would miss it.

    My question, is it possible to make this small arrow (Think its called aria-arrow) either BIGGER so that you can’t miss it or colour it to stand out, or both.

    If this is not possible is it possible to offset the rows in the gallery so that you can see that the text does indeed belong to the image above because of the gap below??

    I appreciate any help.

    Thanks

    January 9, 2015 at 12:23 pm #377322
    begrafiks

    Hi mecdesign;
    try theses lines to double the size of th arrow :

    
.avia-arrow{height: 30px !important; width: 30px !important;}
.av-masonry-entry .avia-arrow{top: -15px !important;}

    You can change the space between the elements of the masonry, I think its “gap”
    or you can add an “id” to your masonry element

    • This reply was modified 9 years, 10 months ago by begrafiks.
    January 9, 2015 at 12:40 pm #377329
    mecdesign

    Ok I tried the code that you sent and it does make it bigger, but now I find that the shape is not actually a triangle but a diamond (or square on its side…however you want to look at it) because now Ive made it larger it overlaps on the actual text below.

    Is there a way of changing the image that it shows? is it a font image like the icons?

    and how would I go about adding more “Gap”? The Masonery it is possible to add a gap but its not much at all??

    How do I add an ID to the masonary element?

    January 9, 2015 at 12:58 pm #377331
    begrafiks

    Here an image which shows gap an “id” in Masonry.
    http://imgur.com/9xkSR4L

    January 9, 2015 at 3:19 pm #377378
    mecdesign

    Hello,

    thanks I can see the gap but its just not big enough. As for the Section ID, how does that work exactly? I have tried to search for that but without any luck. At first I thought that it would be just like the div css with the hashtags and then some styling in the quick css part?

    If you can show me where I could work that to get some space between the rows it would be great.

    January 9, 2015 at 3:56 pm #377402
    mecdesign

    .av-large-gap.av-fixed-size .av-masonry-entry .av-inner-masonry{position: absolute; top:0px; left:0px; right: 10px; bottom:30px; }
    .av-large-gap.av-flex-size .av-masonry-entry .av-inner-masonry{ position: relative; margin-right:10px; margin-bottom:30px; }

    I added this amendment to the quick css for the large gap css. Seems to have worked that I have more space between the galleries when I select large gap now.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Small triangle on Gallery – making it bigger or more obvious’ is closed to new replies.