-
-
In the opening page, under the navigation, I use two columns: in the left column a video embed, in the right column the last post
https://www.palestradellascrittura.it:8181/index-05-sviluppo-embed-video-column-pad-40px/
As shown in the image
<span style=”line-height: 19.2px;”>https://www.palestradellascrittura.it:8181/img/1column-embed-video-2column-post.jpg</span>
I ask you, please, to indicate the solutions for:
- Delete the distance between the video and the row, the light gray space seen under the video: I would like the video to be the height of the entire row, the video container must coincide with the height of the row, there must be no space between the video and the row. I set all the padding to 0, but I can not delete the highlighted space in the image, the light gray space between the base of the video container and the row that contains it.
- The video would like it to be looped, starting immediately, without seeing the circular “play” button to start it: the video appears and starts automatically, without a PLAY button or the timeline or the possibility of enlarging the video. Only video, in loop, without interface for media controls. Is it possible?
The second column, with<span style=”line-height: 19.2px;”> </span><span style=”line-height: 1.5;”>COLUMN SETTINGS \ DISIGN SITTINGS \ PADDING 40px is perfect: the </span><span style=”line-height: 1.5;”>select specific post is in the center of the column, very well :))</span>
Thank you very much for your support and your patience. best regards. Bruno
-
Hello,
1-This is the default height of the row. You can position the elements inside it using the column padding/margin in Column options.
To remove the additional space under slider, you need to add this code into the page’s custom css box:div#fws_5b1e4645cb319 { height: 446px; }
After this, you will see that the second column content has no padding at the bottom. Add some more padding for it from the Column’s Settings > Design Options.
2-Sorry but the video behavior is controlled by the js\jquery.plyr.js file. This is not recommended to be edited. You could further customize video but it requires coding that is not included in support.
Best regards!
-
Hello Mihaila.
TO ELIMINATE THE DISTANCE
Excuse me but I not undestand: in TOWER \ General Options \ Custom Css Code I have add your css, but every time I update the page, the ID name changesfws_5b47ab4cbffa2
fws_5b47ac328cdd7
fws_5b47ac50150b2
etc…and nothing changed
https://www.palestradellascrittura.it:8181/
would you be so patient as to let me know how to eliminate space? I repeat, I did as you indicated, but it does not change, while I noticed that the ID name changes.
FOR THE VIDEO
would you be able to use another method to get a video without control buttons? I have to use a video of a few seconds, in loop: there is a method to use a video without control buttons, to see it in action when the page is opened? It does not have to be a youtube or vimeo video, it will be a video of a few seconds, in slow motion, continued, immediately in play.Thanks a lot for your support and your patience. Best regards. Bruno
- This reply was modified 5 years, 9 months ago by brnEnvato.
-
Hello,
1-I added an extra class to the row containing the video and replaced that css class in the custom css. I re-added the custom css in the page’s custom css box. Please check your page. The row height is adjusted. Change the value to your wish.
2-Sorry but with the current theme options, this is not possible. Changing this form requires coding and customization that exceed the support service. But i will add this to our to do list. So the developers will take into consideration to add more options for the video element.
Let us know.
Best regards!
-
Hello Mihaila.
THE DISTANCE
I don’t see your class in the row containing the video and also i don’t see your custom css in the page’s custom css box, I am sorry. Maybe you meant to describe me what to do and I understood that you had done it, but is it to be done? However, at the moment the layout could be fine.VIDEO
I deleted the elements of the video interface with Chrome developer toolscan I do it with css to use the video by hiding or deleting the interface elements? Can you tell me how to do it? Thanks a lot for your support and assistance. Bruno
-
Hello,
1-Sorry if i wan’t too clear. I already did the changes, that’s why you see the space gone now. I explained what changes did i made to it. Please check these screenshots to be more clear:
https://postimg.cc/image/4a1njpron/
https://postimg.cc/image/6snck386f/2-Yes, you can. Add this code into your Custom Css box in General Options:
.plyr--video .plyr__controls { display: none !important; }
Let me know.
Best regards!
-
You must be logged in to reply to this topic.