Hi, I have added a video using custom html section in the venture theme.
However, I want to add custom text over it. Currently I have incorporated the text inside the video itself but it doesn’t look very great to be honest.
I want to add a similar overlay of text on the video so that I can use the plain video (without the inbuilt text).
Can someone please tell me what code should I use to get it done?
Store- sohumretail.myshopify.com
Pass- Sohum@10
if you don’t want the text please remove it.
Hi @Zworthkey ,
I actually want to add text overlay on the plain video:
So that it looks like this:
Currently, I have edited the video itself to have a text inbuilt into it which is not looking good. Thus I want to know the code to add text overlay so that it looks like the above screenshot
for css.
.video-container {
position: relative;
}
.video-background{padding-top: 55px;}
.video_text {position: absolute;z-index: 9999;top: 50%;font-size: 25px;padding: 10px;}
@media only screen and (max-width: 767px) {
.video_text{top: 5%;font-size: 12px;}
}
Hi @Zworthkey ,
The overlay is done however there is one small issue:
In the mega menu bar, the text is coming on top of this also.
Hi, @ChamanGarg
Paste this code in top of theme.scss file.
div#SiteNavLinklist-sheets-covers {
margin-top: 6px !important;
}
Thank You.
Hi @Zworthkey ,
I pasted the code on top of the theme.scss file but it did not solve the issue. Can you please check.
Thanks
@ChamanGarg
Can you provide me perfect screenshot.
Thank You.
Hii, @ChamanGarg
Paste this code in top of theme.scss file.
.video_text{
z-index:1 !important;
}
Thank You.
@ChamanGarg
If my solution is helpful then,
Accept my solution and like it.
Thank You.