Hello @bellastjohn thanks for reaching out. Could I please ask what method you are using to embed the Story on your page? Are you using the Web Stories Gutenberg block? If so you can adjust the width/height on this while editing the block.
If you are using the classic editor embed code snippet there are also width/height properties that you can adjust for this.
If the Story is not adjusting size when making these changes then could you try switching to a default WordPress theme such as Twenty Twenty and see if the dimensions change while this theme is applied.
Hi Adam and thanks. As mentioned, I am using Classic Editor, and I did alter the width/height within the html but it is still huge.
Changing themes would be a problem as that would affect the entire site.
Here is the code that is embedded:
[web_stories_embed url=”https://elegantisvitae.com/web-stories/msbellastjohn/” title=”Ms Bella St John” poster=”https://elegantisvitae.com/wp-content/uploads/2023/01/cropped-Screenshot-2023-01-27-at-5.19.22-PM-640×853.png” width=”360″ height=”600″ align=”none”]
I have tested modifying width to 180 and height to 300 but it stays the same.
@bellastjohn Could you please try using the below embed code:
[web_stories_embed url=”https://elegantisvitae.com/web-stories/msbellastjohn/” title=”Ms Bella St John” poster=”https://elegantisvitae.com/wp-content/uploads/2023/01/cropped-Screenshot-2023-01-27-at-5.19.22-PM-640×853.png”″ width=”360″ height=”600″ align=”none”]
Hi – thanks but no luck – this one didn’t show up at all.
@bellastjohn Could you please share your Site Health Information. You can share this using our private form so I can check your setup to see if anything stands out here.
Hi – thanks, Adam. I just submitted the form and I think I entered everything correctly. Thanks again.
@bellastjohn Thanks for sharing. I can see you have since removed the Story from your site. Would you please be able to re-add this using the original embed code you used so that we can take another look at this?
Hi Adam and thanks. I didn’t remove it – that is still the last embed code we tried, but it never showed up. I have now removed that and put the original code back on the page. Thanks
@bellastjohn Adding this to the “Additional CSS” section in the Customizer and this should work:
.web-stories-embed .wp-block-embed__wrapper { max-width: var(–width); }
Let me know how you get on with this.
You are BRILLIANT!!! Thank you SOOO much! x
You are very welcome! Good luck with your Stories.
.
