Streaming live at 10am (PST)

Nested rich text style element - video can't be styled?

Hi there,

For an online magazine I’m working on there is this format with all portrait images and portrait video’s lined up and scrollable horizontally (like an Instagram story only in one big container). This will be populated via the CMS in a single Rich Text Element. I have managed to get this to work with images only:

(An example of the horizontal scroll)

I managed to style the image size via the nested Rich Text element on a seperate styleguide page (where the Rich Text element is named: Rich Text Block - 7days):

However, I can’t get to style the video the same way. I have tried multiple ways, but it seems to not overwrite the size, and therefore the video is huge:

Does anybody have an idea how I can make the portrait video’s the exact same size as the portrait images?

This is the CMS template page link:

This is the styleguide page link with the rich text element:

Thanks in advance!

You can override the styling of the video embed by using this code as a base:

.CLASS_OF_YOUR_RT figure.w-richtext-figure-type-video {
    width: 300px;
    height: 450px
    padding-bottom: 0!important;

Great Vincent it works! Thank you so much!!

1 Like

Hello @vincent,

I am having the same issue.

Where would you place this code? And what is “Class of your RT” mean?

Also is there a way to only control mobile? I like the look of my desktop version but my mobile version looks like this:

Any guidance would be great thank you.