How to remove the cross button in the pop-up photo?

Hi, I wonder if you could help me?
I don't want to have any close button in the pop-up photo.

I found a tutorial on youtube for version 8 but I have version 11 premium edition.
https://www.youtube.com/watch?v=1kXJcrvXxAk

Is there any other way to remove the cross button in the pop-up photo?

I tried to delete the image file of the cross button in the html file but it didn't work...

Bruno, welcome to TalkGraphics.

If you have a shape on the MouseOff layer with a Link > Pop-up layer to another shape/image on a different layer (call it Layer 5) then in the web Properties of this link you can click on the Settings button to the right of the Pop-up layer drop-down box and untick 'Close pop-up automatically'. You must then pick the OK button for the setting and finally the OK/Apply button for the Web Properties.

The Close button ill no longer appear as a click anywhere on the web page now closes the pop-up.

If you wish to keep the pop-up open without the close button, you need the code here: https://www.talkgraphics.com/showthr...035#post599035. Additionally, you would need to add a link on some shape in Layer 5 of form 'popup: close' to hide Layer 5.

Acorn

Thank you very much for your quick reply.

I tried the first part of your instruction and it worked well by leaving the tick in the ''Close pop-up automatically'.
The only problem with this solution is that I lose the option to 'Dim page while pop-up is open'.

That option is available under the Photo pop-up but it comes with a cross button.
Can I remove the cross button from Photo pop-up if I follow the second part of your instruction, by using CSS in the Page HTML code (head)?

OK, I misunderstood what you meant by "pop-up photo".

If you are using the Web Properties > Image > Photo pop-up, the code to hide the cross would be:

Quote:

---

<style>
.close-simple-white {
display: none;
}
</style>

---

I would add this to the Page HTML code (head)

Acorn

Thank you once again for your quick reply. It's great to know there is a solution for my question.

Now the problem is I have no idea how to do that.

Could you please tell me how to find the Page HTML code (head)?
Do I do that before or after I export the website to HTML?

Quote:

---

Originally Posted by Bruno

Thank you once again for your quick reply. It's great to know there is a solution for my question.

Now the problem is I have no idea how to do that.

Could you please tell me how to find the Page HTML code (head)?
Do I do that before or after I export the website to HTML?

---

Before.

Utilities > Web Properties > Page > HTML code (head) button.
Remember to click OK and OK/Apply to save the changes.

Acorn

Fantastic! It worked and it was very easy to do it. I thought for a moment I had to learn some HTML and CSS coding...

Great service. Thank you!