re. preview; that is likely due to the local thumbnails PHP being blocked, try disabling “cache local thumbnails” to confirm?
re. size; likely CSS conflicts somewhere somehow, if you can provide me with a URL I’ll be happy to take a look.
best,
frank
Hi, thanks for your answer.
Preview: Cache Local Thumbnails disabled (and cache empty after). No changes until now.
Size: URL – https://shorturl.at/yw8sF
Thank you.
hmm, I can see the thumbnail (not posting a screenshot as I’m not sure if you’d be OK with having this visible)?
re. size; the containing div (in which LYTE is added) has a max-width of 700px (see HTML below), to the LYTE player obeys and adapts to that max-width.
<div style="aspect-ratio:16/9; max-width:700px; margin:2em auto; display:flex; justify-content:center;">
given the div has no proper ID, you cannot easily override the max-width, but with some JS you could identify the parent of .lyte-wrapper and change the max-width that way?
Yes, the thumb is now OK.
I just add an aditional CSS:
/* força largura maior para os players do WP YouTube Lyte / .lyte-wrapper { max-width: 853px !important; / limite maior */
width: 100% !important;
margin: 0 auto !important;
}
.lyte, .lty-embed {
aspect-ratio: 16/9;
width: 100% !important;
height: auto !important;
}
.lyte iframe, .lty-embed iframe {
width: 100% !important;
height: 100% !important;
}
I will test and return. If you have another idea, please let me know. Thanks again.
you’ll have to try targeting the parent of the .lyte-wrapper node, because that’s what sets the max-width, maybe this will help;
article div:has(.lyte-wrapper){max-width:100% !important;}
