[Thai4moreParticipant]

Dear X-theme, I have put a videoposter image for mobile at the x-theme page options, wich should realy looks cool, but the problem is that my mobil still shows the cover image wich slider revolution force me to put because my video is upload to my wordpress instead of using youtube.

For my first website i use a Avada theme and there it works fine, rev slider is not overwriting the video poster image from the theme. Dont understand me wrong X is much better then avada, , but this is quite a serious issue because now my site looks bad on mobile.

I found some previous posts about this issues who are closed now and from there i got this code:
@media (max-width: 767px) {
.tp-bgimg.defaultimg {
background-image: none !important;
}
}
But it delete both X and revslider background image and leave me with a white screen on my mobile.

Please advise, thanks Corrie

[RahulModerator]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[Thai4moreParticipant]

This reply has been marked as private.

[RupokMember]

Hi there,

Thanks for writing back. I am not sure which one is your poster and which one is your cover image but you can try the below code to use the preferred image as your background for mobile :

@media (max-width: 767px) {
.tp-bgimg.defaultimg {
background-image: url("https://www.4morefightshorts.com/wp-content/uploads/revslider/videoone/snapshot_002.jpg")!important;
}
}

Let’s use the correct image path.

Hope this helps.

[Thai4moreParticipant]

Dear X, Thanks so much this works perfect, best regards Cor

[JoaoModerator]

Glad to hear it.

Joao

[Author]

Posts