Docs

[Kamila L]

Hello,

I have a video and image on my homepage – http://www.livewithintent.co

I would like them to look like the attached picture. What would be the best way to accomplish this?

Thanks,
K

[Christian]

Hey Kamila,

Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You might want to contact our trusted partners who caters X setup and customization needs. Please see https://community.theme.co/custom-development/

Thanks for understanding. Take care!

[Kamila L]

No problem I understand however is there a way to make the size of the image and video the same?

Thanks,
K

[Rue Nel]

Hey Kamila,

Thanks for the updates! You cannot simply have the same size of the video and your image if the actually do not have the same size. Upon checking your site, it looks like the image has a bigger image dimension than the video. What you can do is limit the maximum height of the image. Please edit your page and set an inline css maximum-height: 440px in your image element.

I have tried to go over your previous threads and look for WP credentials because I want to create a test page that would somehow resemble what you want to do. To assist you better with this issue, would you mind providing us the url of your site with login credentials so we can take a closer look? This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

To do this, you can make a post with the following info:
– Link to your site

– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thank you.

[Kamila L]

This reply has been marked as private.

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

.x-video .x-video-inner {
    padding-bottom: 132.25%;
}

Please note that the code adds space above and below video container.

Hope that helps.

[Kamila L]

HI Chris,

If I wanted to edit the code for only that specific video and not all videos how would i specify that?

Thanks,
Kamila

[Rad]

Hi there,

Thanks for posting in.

You can specific a unique class name, for example, add my-video-1 to your video element’s class input/attribute. Then the CSS would be,

.x-video.my-video-1 .x-video-inner {
    padding-bottom: 132.25%;
}

You can add any class name of your choice, just make sure it doesn’t have spaces or special characters.

Hope this helps.

[Author]

Posts