Card html object and video

All Quick 'n Easy Web Builder support issues that are not covered in the forums below.
Post Reply
makenote3
Posts: 21
Joined: Wed Feb 05, 2020 11:12 pm

Card html object and video

Post by makenote3 »

Hi, I'm creating some cards with food recipes and I need to create sections where the ingredients and method appear as headings that can drill down and show text beneath them.

I've achieved this using the accordion FAQ block. I've inserted the info, configured the block and copied the html, then inserted it into an html object inside the card. It works but I have to leave the FAQ block at the bottom of the page. It doesn't show on the generated page but the space is there, which means the more cards I add using this method, the more blank space I have at the bottom of the page before the footer. If I delete the blocks, I lose the content in the cards.

I'm more a designer than a coder but I can get my head around some of it. Can anyone suggest a better method of achieving this so I don't have this space at the bottom of the page?

Here's a link to a screenshot of the page in QWB:
https://barbmax.com/recipe_screenshot.png

And a link to a published test page:
https://barbmax.com/recipe-test.html

Also, I'm using the "add video" option inside the cards but none of the YouTubes are showing. They are definitely the correct URLs.
I'm using QWB 8.4.0
User avatar
Pablo
Site Admin
Posts: 3918
Joined: Mon Feb 13, 2006 7:00 am
Location: Europe
Contact:

Re: Card html object and video

Post by Pablo »

Unfortunately, I cannot see what you have done based on the published page.
To be able to help you, I need a DEMO project so I can see all your settings.
https://www.quickandeasywebbuilder.com/ ... 10&t=45024

The format of the YouTube URL is not correct.
The URL format should be:
https://www.youtube.com/embed/t3YOB04iPtU
instead of
https://www.youtube.com/v/t3YOB04iPtU
makenote3
Posts: 21
Joined: Wed Feb 05, 2020 11:12 pm

Re: Card html object and video

Post by makenote3 »

Hi Pablo, here's the link to the project file:

barbmax.com/barbmax%20recipe%20test.qwb

Thanks for the remedy for the YouTubes.
User avatar
Pablo
Site Admin
Posts: 3918
Joined: Mon Feb 13, 2006 7:00 am
Location: Europe
Contact:

Re: Card html object and video

Post by Pablo »

Thanks for the project.
However, this is not the correct way to use HTML section of the cart.
For example, there is a lot of duplicated code on the page. All IDs must be unique.
Also, you cannot put a layout grid inside a card, because cards internally use flexbox. This breaks the structure of the HTML.

I think you will have to look for a different approach.
Post Reply