Skip to main content

Issues with a website

Feature Request

I am trying to copy an entire site, my own: https://holisticleaders.co/
I want to move it to another system, but it does not copy some styles..

Here is the result in the other system (same result as locally):
https://www.holisticalchemists.com/free-class

1. Main question: How can I get it to copy everything so it looks identical?

2. Also another question, is it possible to copy over js functionality with the tool?

Posted by An Anonymous User ·
9 comments

Comments9

  • brian

    Team•

    Aug 4, 2024

    Hello Kenneth,

    I’ve copied your website here: https://divmagic.com/studio/c/6FDQPhwtGB

    It does seem to have the same styling as the original one. Is it different for you?

    1) To get the above copy I chose the main Body element with Adaptable mode and that was the output.

    2) Unfortunately the tool can’t copy JS code. Although it can copy the final result of JS changes. For example, if there is a menu that opens only when a button is pressed, you can press that button yourself to make the menu show up and then use DivMagic to copy that menu. Please let me know if it makes sense or not.

    • kenneth

      •

      Aug 4, 2024

      Hi Brian, thank you for taking the time to respond.

      The original is https://holisticleaders.co/ - Here you can see that the FREE MASTER CLASS has a red background that is not part of the copy. The font is different. And the big button also has a different styling. When I look at yours you also have not gotten the results like the original.

      I am able to work with these small errors, but I thought the tool would be able to make it identical.. Are there any reason why it would not manage to copy them over like it is? Or are there improvements needed in the tool.. ?

      • brian

        Team•

        Aug 4, 2024

        Here’s a newer version: https://divmagic.com/studio/c/429F1uXnfK

        The background on FREE MASTER CLASS was coming from a pseudo class which gets filtered out by the “Adaptable” copy mode in the tool. I’ve used the “Balanced” mode and it looks correct now!

        The fonts are not copied because they need the font assets to be displayed. It is very easy to add those styles. When you paste this into your website, you can add “font-family: Poduim” (or any other font) to the top element and it’ll show the correct font.


        The tool’s purpose is to definitely make things identical. However, it sometimes filters out certain things like fonts are pseudo-classes to keep the output small and make it easy to customize for specific use-cases. We’re trying to find the balance here.


        • kenneth

          •

          Aug 4, 2024

          I had not seen the copy mode, thank you for pointing that out for me!
          Can you add this for the “Copy Full Page“ option also?

          • brian

            Team•

            Aug 4, 2024

            Yes, we will add the copy options to the Copy Full Page feature in the next release

            • kenneth

              •

              Aug 4, 2024

              Thanks Brian, I appreciate it!

  • kenneth

    •

    Aug 1, 2024

    Another thing I would like to do is to copy the modal popup formatting, If you click on one of the big buttons on https://holisticleaders.co/ - The styling of the form I would like to copy.. how do I do that?

    • brian

      Team•

      Aug 4, 2024

      Here: https://divmagic.com/studio/c/6MdnQnVDjM

      This one is harder to choose using the extension popup. For choosing elements like this one easily, you can use the Devtools panel like this:

      • kenneth

        •

        Aug 4, 2024

        Thank you, that is a good tip!