Adding Iframe Youtube Videos to FAQ Answer section

Hi @Max,
Thank you! I have one last question. Can I arrange the videos so that they display side by side in a row instead on stacked?

2 Likes

@Dylan_Lee Please swap out your current CSS code for the new one and let me know if it helped:

div:has(> .eapps-faq-content-category-item-answer-video-wrapper) {
    max-width: 30%;
    width: 30%;
    margin-left: 20px;
    display: inline-block;
}

#eapps-faq-1 .eapps-faq-content-category-item-answer-video-wrapper iframe {
    width: 100% !important;
}

.eapps-faq-content-category-item-answer-video-wrapper {
    margin-top: 3%;
    padding-bottom: 60% !important;
}

.eapps-faq-content-category-item-answer-text:has(.eapps-faq-content-category-item-answer-video-wrapper) br {
    display: none;
}

.eapps-faq-content-category-item-answer-text:has(.eapps-faq-content-category-item-answer-video-wrapper) br {
    display: none;
}
2 Likes

Perfect @Max Thank you so much!! :grin:

2 Likes

No sweat :wink:

In the meantime, we would be so grateful if you could look through the FAQ category in the Wishlist and vote for the ideas you are most excited about. This would help us set priorities and move in the right direction.

And, of course, don’t shy away from sharing your own ideas - we are all ears :slightly_smiling_face:

2 Likes