General Selectors hiding YouTube videos

Thanks for using our plugin. I’ll check and let you know.

I figured out my own issue, I had extra styling code in my php snippet that caused the videos to not load. My bad! Mark it as solved. I do have a questions though, the videos kinda come in slow, is there a way to speed up the loading time to and from the API? I suppose that’s not your problem but wasn’t sure if you had any advice? I’m only loading 6 videos initially and then 3 at a time.

Can I stylize the load more to look more like a button? I’m assuming you guys gave the link text a selector? Class or ID?

I guess Youtube has lazy load feature that’s why they load the video on demand.

when you click the load more button it loads the iframe by that time. so it feels like slow. You can put a placeholder image for the videos so when it’s loading it will show the placeholder image.

Regarding CSS we do have selector. Here is a sample css design for your website:

.loadMoreBtn {
    border: 1px solid #0a0a0ad9;
    height: 50px;
    width: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
}

.loadMoreBtn:hover {
    background-color: #0a0a0ad9;
    color: #fff
}

Preview: https://prnt.sc/g3Uj8PWviQGj

If you like our plugin, please leave a review for us here https://www.ads-software.com/support/plugin/ajax-load-more-anything/reviews/?filter=5#new-post

The CSS worked, thank you! I customized the look of the button as you can see at the videos link that I needed help with. One thing I’d like to know how to do is center the button on my layout? Nothing I try in CSS is making it center horizontally across devices. I tried margin: 0 auto; and that doesn’t do anything.

Also, can you share a resource or tutorial on how to add a preloader image to the result that is loading like you mention?