Where can I download a working cms document

Elements
1

I am having a problem with videos displaying too large for a mobile Phone as can be seen here. This is fed from the markdown file, which may be the culprit

https://the-olive-tree-church-wembury.co.uk/blog/post/?item=another_festival_of_celebration .

2

we cant see your .md file or the page setup, what size did you set the video and how is the responsive side being addressed

3

image
image1540×1030 136 KB

This is the post page

image
image794×1296 142 KB

the .md page

4 
<div style="width:100%; aspect-ratio:16 / 9;">
  <iframe
    style="width:100%; height:100%;"
    src="https://www.youtube.com/embed/aEQØFzC5nmU"
    title="Part 2 29th November 2025"
    frameborder="0"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
    referrerpolicy="strict-origin-when-cross-origin"
    allowfullscreen>
  </iframe>
</div>
5

replace your iframe with this

6

Thanks Steve,

I have done that and it displays fine but no video it is the embed code from YouTube.

7

on another trial page the videos work fine.

I don’t know what I have done but on the body typography settings it displays article only in the bottom box the style one above on the trial one displays article in both boxes, but when I try and add it to the published pages it disappears and instead of two options it provides 5 including none, quote, new, blog, and beneath article

9

apologies, copied your YouTube link wrong use this

<div style="width:100%; aspect-ratio:16 / 9;">
  <iframe
    style="width:100%; height:100%;"
    src="https://www.youtube.com/embed/atfA0agU5mg"
    title="Part 2 29th November 2025"
    frameborder="0"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
    referrerpolicy="strict-origin-when-cross-origin"
    allowfullscreen>
  </iframe>
</div>

here I have centered and made video 90%

<div style="width:90%; aspect-ratio:16 / 9; margin: 0 auto;">
  <iframe
    style="width:100%; height:100%;"
    src="https://www.youtube.com/embed/atfA0agU5mg"
    title="Part 2 29th November 2025"
    frameborder="0"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
    referrerpolicy="strict-origin-when-cross-origin"
    allowfullscreen>
  </iframe>
</div>
11

Thank you Steve,

That seems to work but the page is still sliding around, but a thousand times better. thanks!!! you have always been so helpful.

12

That means something else is causing overflow

Either in the .md or in your Elements page

Can you just save that page and create a downloadable project

And the .md file

13

How do I do that I have tried to copy pages but it doesn’t work the only way that I can see that works is to create a new file and delete the other pages, Is that the way to go?

14

Only way I know save as a new file delete the rest of the pages

15

jut a couple to look at, this section with the margins is causing an issue, plus the video, plus there may be other margin issues or in the .md file

16

Many thanks for being so quick to reply Steve. I cannot see the video doesn’t play!

18

Thank you so much Steve,

I really appreciate tour help. How do I on the blog page give more space for the text than the image on mobile it doesn’t display well.

Kind Regards
Graham

22

Yes you are right about the image and text ratios. I don’t seem to be able to find a video, on how to adjust a flex or grid item ratio, ie to increase the width/height of one and reduce the width/ height of the other. In rapid weaver there was a simple way to do it with a slider or percentage, but here I can’t find how to do it.

The bot talks about finding a span setting but I have never seen one in the settings perhaps it would be a good addition to the basic elements.

Kind regards
Graham

23

I sent both setups to you in a message

24

Many thanks Steve,

I quite like the two column layout just want to Make the text column wider than the image, so that it looks better on the page. I cannot see how I can adjust the column widths. But thank you so much for what you have done for me

Kind regards
Graham

27

Hi Steve, I thought it was solved but when published the video is still being produced oversize.

I have solved the side by side issue by hiding it for mobile.

but the other issue remains. I shall pm Dan to see if it is to do with the md file

28

do you have a link to the web page

is it this page https://the-olive-tree-church-wembury.co.uk/blog/post/?item=another_festival_of_celebration