Hi Guys
After a lot of very much appreciated help, I have managed to get my video to work, close and be responsive in a popup window.
The only issue I have not is that the little x icon to close the window is very difficult to see on desktop and impossible to see when on a mobile. The contrast with the back-round color makes is almost invisible.
Is it possible to replace this icon with an image or text and choose the color.
I have tried inserting a close window link in both html and java script into the popup content but none of them will close the window.
Alan
Try modifing the '.ui-icon-closethick' CSS class. It is not an image, it is font from glyphs
Please add the following rule to the CSS section of the theme editor:
span.ui-button-icon-primary.ui-icon.ui-icon-closethick {
color: red;
font-size: 22px;
font-weight: bold;
opacity: 1;
top: 5px;
height: auto;
}
The result will be :
http://prntscr.com/9ew7aa
Please add the following rule to the CSS section of the theme editor:
span.ui-button-icon-primary.ui-icon.ui-icon-closethick {
color: red;
font-size: 22px;
font-weight: bold;
opacity: 1;
top: 5px;
height: auto;
}
The result will be :
http://prntscr.com/9ew7aa
Thank you eComLabs, Sorry for the late response, I never get notified by the forum when someone responds to my questions.
Alan