Replacing The Close Popup X Icon With Something More Visable

Store Builder Questions
1

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

2

Try modifing the '.ui-icon-closethick' CSS class. It is not an image, it is font from glyphs

3

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

4

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

5

You are welcome!