Home Forums Basel support forum change height of a section on home page

change height of a section on home page

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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.
    #237586

    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

    #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.
    #239830

    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

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