Text over video placement

Hazzo
Active member
Topic Author
Member

2 years 6 months ago #48271 by Hazzo

Text over video placement was created by Hazzo

Hi,
after publishing the "text over video" module it shows up above the actual video, not over it. How can I change that? See home page at [url=http://www,tramo.agency] www.tramo.agency [/url]

And is there a way to time limit the text, for example having it disappearing after lets say 5 seconds?

Brgds

Hans

Please Log in to join the conversation.

milos
Support Staff
Moderator

2 years 6 months ago #48273 by milos

Replied by milos on topic Text over video placement

Hello,

Go to the template options and under Custom > CSS change all occurencies of class:

Code:

.customtext_over_video

Code:

.text_over_video

and all occurencies of class:

Code:

.moduletabletext_over_video

Code:

.moduletable.text_over_video

There are several occurrences of these two wrong classes. You must change them all.

Also, change this:

Code:

.moduletable.text_over_video {
    position: absolute;
    z-index: 1;
    width: 100%;
    max-width: 1080px;
    top: calc(50vh - 100px);
    left: calc(50vw - 540px);
    text-align: center;
}

to this:

Code:

.moduletable.text_over_video {
    position: absolute;
    z-index: 1;
    width: 100%;
    max-width: 1080px;
    margin-top: calc(50vh - 100px);
    left: calc(50vw - 540px);
    text-align: center;
}

Regards,
Milos

Please Log in to join the conversation.

Hazzo
Active member
Topic Author
Member

2 years 6 months ago #48278 by Hazzo

Replied by Hazzo on topic Text over video placement

Worked fine, thanks.

However the text placement looks very strange when opened up on an Android phone. Anyway to fix that?

Also, is there a way to set a time limit for the text over video to appear?

Please Log in to join the conversation.

milos
Support Staff
Moderator

2 years 6 months ago #48282 by milos

Replied by milos on topic Text over video placement

Hello,

The only way is to put it above the video on mobiles by adding this:

Code:

@media (max-width: 500px) {
  .moduletable.text_over_video {
    position: relative;
    background: #000;
    margin-top: 0;
    left: auto;
  }
  .text_over_video p {
    font-size:14px;
  }
}

To make text appear or disappear, you will need some custom coding that goes beyond our technical support.

Regards,
Milos

Please Log in to join the conversation.

Time to create page: 0.303 seconds