Docs

[mycustomsoftware]

​How do I:

change the icon for the video grid to my own png?

make youtube lightbox bigger (fullscreen perhaps) and autoplay when opened in lighbox?

design my own grid with styled title, button and hover icon and animation?

combine grid sources like youtube and vimeo?

have a video post with embedded youtube video play in a lightbox from grid and alos have a button to link to post?

[Rue Nel]

Hello There,

Thanks for writing in! Regretfully you can only select one video source. Either you use youtube or vimeo. If you want to display mixed content, you need to use the Post Type. Within your blog post, you can make use of the post format and place videos both from youtube and vimeo and even images too!

To assist you better with this issue, would you mind providing us the url of your site with login credentials so we can take a closer look? This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

To do this, you can make a post with the following info:
– Link to your site

– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thank you.

[mycustomsoftware]

This reply has been marked as private.

[Jade]

Hi there,

The login details are not working. Kindly double check.

Thank you.

[mycustomsoftware]

This reply has been marked as private.

[Jack]

Hi there,

Thanks for writing back!

For creating your own styled Grid, you could create a custom Grid skin, you can find details of creating that here http://theme-one.com/docs/the-grid/#!/developer_guide 🙂

For the autoplay of youtube videos this isn’t currently possible out of the box with the Grid and would require a modification to core plugin files that would be overwritten on a update, which isn’t recommended

Thank you.

[mycustomsoftware]

I figured out a way to get the grid I wanted without having to customize the code. I do need to change the navigation arrows in the lightbox. By default they are small and on the very edge so they’re hard to see. How could I change just the navigation arrows for the lightbox (size, color, background) ?

[Rue Nel]

Hello There,

To change the navigation arrows for the lightbox, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

body .tolb-holder .tolb-next i, 
body .tolb-holder .tolb-prev i {
    font-size: 50px;
    background-color: green;
    color: red;
}

There is also some settings that you can find in TheGrid > Global Settings and find the Lightbox tab.

Hope this helps. Please let us know how it goes.

[mycustomsoftware]

That worked for color but the colored box behind the arrow icon is not the right size (too small for arrow size) and when I make the arrow bigger the arrows alignment is off screen.

[Paul R]

Hi,

To make the box bigger, you can add this under Custom > CSS in the Customizer.

body .tolb-next, 
body .tolb-prev { 
    height: 80px;
    width: 80px;
}

You may change 80px to achieve your desired size.

Hope that helps

[Author]

Posts