Hi Bruce,
Disable WYSIWYG editor in global Joomla configuration.
In module position User1, you will need to remove the Hot Full Carousel module. In its place, create a custom HTML module and add this content:
Code:
<div class="text_over_video"><h1>Lorem ipsum text</h1></div>
<video autoplay muted loop poster="images/video.jpg" id="bgvid">
<source src="images/video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
Make sure your video poster image is named video.jpg and your video file is named video.mp4 and they are both in the <joomla_root>/images folder (you can customize this).
In Extensions > Templates > Styles > Hot Veterinarian > Custom > CSS add this (somewhere on the top):
Code:
.mp_user1 video {
width:100%;
}
.text_over_video {
position: absolute;
width:100%;
color:#fff;
text-align:center;
z-index:9;
padding-top:100px;
}
.text_over_video h1 {
color:#fff;
text-align:center;
}
You can add any other HTML instead of:
Code:
<h1>Lorem ipsum text</h1>
in the text container.
You can customize color, padding, etc. in the above CSS code.
The above procedure should work, and I tested it. So, please try it and if you have further questions, write here. If possible, include a link to your site.
Regards,
Milos
