We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.

Custom Preloader using WordPress/Elementor

Home Forums Programming Custom Preloader using WordPress/Elementor

Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #66085
    PolyPixl
    Participant

    Hello!

    I’ve followed the tutorial on https://youtu.be/aUOlSgaPoXg. However, I’m using WordPress for my entire project. I found a WordPress plugin that allows me to export my pages into static html/css. However, it does not export a clean .css file like the tutorial shows in Webflow. Instead, it exports a whole bunch of .css files, none of which apparently contain the css rules for the specific preloader page. I believe this happens because wordpress is theme-based.

    I have very limited knowledge of coding and I would very much appreciate any help you can give me!

    How could I get a clean .css file like the one obtained in Webflow in order to copy the contents into my app’s .css file? That’s the last step for me, but I can’t do it.

    Thanks for your time! :good:

    #66086
    kdv
    Participant

    You are free to add any CSS rule via puzzles (if the problem is only in .css files)

    Puzzles and JS. Fast and expensive.

    If you don’t see the meaning in something it primarily means that you just don’t see it but not the absence of meaning at all.

    #66088
    PolyPixl
    Participant

    Hi, kdv. Thank you so much for replying.

    I think I understand. My problem, however, is I don’t know where to find the CSS rules. In the tutorial, he exports the preloader page’s code and he gets a .css file that he opens in Atom and simply copies the code and pastes into the app’s .css file. In my case, when I export the page code from WordPress, I get like 7 or 8 .css files, none of which have the page’s name.

    #66089
    kdv
    Participant

    zip those .css files and attach here

    Puzzles and JS. Fast and expensive.

    If you don’t see the meaning in something it primarily means that you just don’t see it but not the absence of meaning at all.

    #66090
    PolyPixl
    Participant

    Sure thing. Here they are!

    • This reply was modified 10 months, 1 week ago by PolyPixl.
    Attachments:
    You must be logged in to view attached files.
    #66093
    kdv
    Participant

    So what’s the problem? All rules are human-readable. You don’t know the names of rules for you preloader?

    Puzzles and JS. Fast and expensive.

    If you don’t see the meaning in something it primarily means that you just don’t see it but not the absence of meaning at all.

    #66094
    PolyPixl
    Participant

    Yes. Unfortunately, I’m embarrassed to say that I wouldn’t know how to identify a CSS rule if it slapped me in the face.

    My knowledge of html/css/java/coding in general is extremely limited.

    Is there any other way for me to find the CSS code that I need to paste into the app’s .css file, in order for the custom preloader to work?

    #66095
    PolyPixl
    Participant

    For example, I can’t even seem to find in any of these css files any reference to the images used

    #66096
    kdv
    Participant

    It means that no rules for your preloader have been exported. Or they are inside .html files (as a variant)

    Puzzles and JS. Fast and expensive.

    If you don’t see the meaning in something it primarily means that you just don’t see it but not the absence of meaning at all.

    #66097
    PolyPixl
    Participant

    I see. So the issue is probably with the WordPress plugin I’m using to export the page into HTML/CSS, right?

    Is there any other way to get this CSS information that I need (i.e. another way to export a WordPress Page into HTML/CSS)?

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.