change height of a section on home page

This topic has 3 replies, 2 voices, and was last updated 4 years ago by Elise Noromit.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
October 31, 2020 at 1:47 pm #237529

Abbazhoes
Participant

Hello
I request your help to change the height of the video row on the home page of the hero slider demo, you only have the option of leaving it at the video size but it is very large I would like to leave it the same size as in the demo, this size was shortened on my page by removing all demo text.

Thank you for your attention, I attach images of the problem

Attachments:
You must be logged in to view attached files.

October 31, 2020 at 8:18 pm #237586

Elise Noromit
Member

Hello,

You would better remove the video from the background and inset it by means of Youtube element or embed code by means of Raw HTML.

As for the row height: you can change the padding of the row. Now you have also the text block which has its height, if you reduce its height the row height would change automatically.

Best Regards

November 7, 2020 at 12:01 am #239608

Abbazhoes
Participant

Hello thanks for your answer I also think that it is better to handle the video by embedded code so I removed it from the background and put the HTML element I put the code and it worked only that the video is not the same width of the page the height if I can change it

I request your help so that the video is the same width of the page by means of HTML code, if I leave the video in the background it is eliminated in the mobile view, embedded is not eliminated

thanks for your attention

Attachments:
You must be logged in to view attached files.

November 8, 2020 at 8:30 am #239830

Elise Noromit
Member

Hello,

Your embed code should have width and height and if so it is not possible to change with CSS or in the settings.

You can try such a way:

Desktop: 1st row – video on the background, text inside, the column is shown on the desktop and hidden on mobile.

Mobile: 2nd row – video is an independent element inserted by embed code /youtube element, text goes under, the column hidden on desktop and shown on mobile.

You need to insert inner rows and attach video background on the inner row/

Here are video tutorials: https://wpbakery.com/video-academy/insert-inner-row-wpbakery-page-builder-wordpress/ and https://wpbakery.com/video-academy/control-elements-different-devices-responsive-column-controls/

Best Regards
Author

Posts