Welcome to TalkGraphics.com
Results 1 to 7 of 7
  1. #1
    Join Date
    Sep 2018
    Posts
    7

    Default 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...

  2. #2
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,744

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

    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
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  3. #3
    Join Date
    Sep 2018
    Posts
    7

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

    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)?

  4. #4
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,744

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

    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:

    <style>
    .close-simple-white {
    display: none;
    }
    </style>
    I would add this to the Page HTML code (head)

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  5. #5
    Join Date
    Sep 2018
    Posts
    7

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

    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?

  6. #6
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,744

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

    Quote Originally Posted by Bruno View Post
    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
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  7. #7
    Join Date
    Sep 2018
    Posts
    7

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

    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!

 

 

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •