Autoplay video in masonry gallery - Support | Kriesi.at

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
August 23, 2016 at 2:17 pm #676420

lenvo
Participant

Hello Enfold,

Is it possible to autoplay a video in the masonry gallery? If not, is there another way in or outside Enfold to make this possible? Thanks in advance for your help.

Best regards,

Lennart

August 23, 2016 at 2:22 pm #676422

lenvo
Participant

So I would like to create something like this. It should be great if this is a possible tweak within the masonry grid, otherwise i have many grids to replace…looking forward to your answer!

August 23, 2016 at 6:04 pm #676589
lenvo
Participant
As you can see in the picture below I added icons to the masonry grid. I would like to show the icons only if there is a custom link added to the image.
1. Can I add a function so it’s possible to add a custom class to specific images in masonry?
2. Or it it possible to show icons ONLY for images with a custom link to video?

I hope one of these options is possible, so my cliënt can add images in masonry grid and give a custom class or custom link to the images so the ‘video play’ icon is shown up.

Looking forward to your answer.
```
.av-masonry-image-container:before {
	content: '\E869'; 
    font-family: 'entypo-fontello';
    position: absolute;
    border-radius: 50px;
    background: #df8f04;
    height: 80px;
    width: 80px;
    line-height: 80px;
    left: 50%;
    top: 50%;
    margin: -40px 0 0 -40px;
    z-index: 500;
    text-align: center;
    color: #fff;
}
```
- This reply was modified 8 years, 3 months ago by lenvo.
August 23, 2016 at 7:33 pm #676622

Basilis
Inactive Moderator

Hey!

The customisations you require are possible, but they would need a freelance to help you to make them possible.
Please do consider to hire one, so he can help you further with that work.

THanks a lot for your understanding

Regards,
Basilis

August 23, 2016 at 7:59 pm #676634
lenvo
Participant
Hey Basilis!

I know not all customization support is within the Enfold licence, but it should be great if you give some more explanation to my questions…

1. Is it possible to add a custom class to masonry images?
This function does not support masonry images:
add_theme_support('avia_template_builder_custom_css');

OR

2. Can I change CSS below so only custom link images have a icon on front?
```
.av-masonry-image-container:before {
	content: '\E869'; 
    font-family: 'entypo-fontello';
    position: absolute;
    border-radius: 50px;
    background: #df8f04;
    height: 80px;
    width: 80px;
    line-height: 80px;
    left: 50%;
    top: 50%;
    margin: -40px 0 0 -40px;
    z-index: 500;
    text-align: center;
    color: #fff;
}
```
OR

3. Are there other possibilities to show icon only on masonry grid images with a custom link?
August 29, 2016 at 4:25 am #678728
Ismael
Moderator
Hi,

Add a unique category to the portfolio items with a custom link. The theme will automatically generate a custom css class attribute for the items included in that category. If the category is named “linked” for example, the css selector would be “linked_sort”.
```
.linked_sort:before {
    content: '\E869'; 
    font-family: 'entypo-fontello';
    position: absolute;
    border-radius: 50px;
    background: #df8f04;
    height: 80px;
    width: 80px;
    line-height: 80px;
    left: 50%;
    top: 50%;
    margin: -40px 0 0 -40px;
    z-index: 500;
    text-align: center;
    color: #fff;
}
```
Best regards,
Ismael
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.