Okay
  Public Ticket #3128442
editing heding
Closed

Comments

  • Stephen started the conversation

    Hey Im trying to add particle.js to the website so i can have particle all over the page but seems I cannot edit the page as a whole. what can i do?

  •  1,778
    Support replied

    Hello Stephen

    What exactly do you mean by ' I cannot edit the page as a whole' can you give us more details, perhaps screenshots?

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Stephen replied

    What I mean is I cannot add the particles to the webpage, even to a section and I have tried most of the plugin available ang I have tried adding a html block with the script and CSS to create an overlay but its not working. also as you can see from the images below the sections i can edit are halfway down the page. I would like particle all over the page/ website, just not sure where to place the code or if this is even possible without tapping into your code further

    5891415549.png

    1435106756.png
  • Stephen replied

    also on the stories page I am getting this weird effect on the header section, like the texts is set to a difference filter?


    9547323240.png


  •  1,778
    Support replied

    Hi Stephen,

    I'm trying to help to the best of my abilities:

    the hero section is not editable through the page builder editor - but it's available through the page or portfolio item settings - that is the options when you go and edit the page or portfolio item.

    As far as the particle.js is concerned - you can add it either as a plugin (did not work with it) either as enqueue it as a file similar to the other files in /include/scripts-config.php

    https://prnt.sc/mfcBe5HsxNkm

    Then if you added as .js file as a plugin you may need to perform some initialization which should be described in their API docs and we do all of our initializations in /js/scripts.js

    Regarding the weird effect in the stories I will get in touch with our web designer

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  •  1,778
    Support replied

    Hi there, regarding the transparent text in the stories page, plz try adding

    .blog-template-content #hero {
            z-index:1;
        }

    in customizer -> additional CSS


    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Stephen replied

    hey there,

    I am trying to create a landing page from scratch, I dont want to use the template that's in humptons but i do want to use some elements like the footer, cursor and menu bar and other pages as they are but the landing pages need to change, I have been building the following animation with greensock and I would like it as the main page  https://codepen.io/digiecho/pen/NWMJamy   when i add this to the project its not working correctly, i know its something to do with my CSS and how the page is already layer out but I cannot figure out how to solve this. from my codepen you should be able to gauge what im going for, any help is appreciated web site is signaturelaundry.com 

  •  1,778
    Support replied

    Hi there,

    have you tried adding your code to CustomFunction() in /js/scripts.js ?

    you can also add your CSS code to style.css

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Stephen replied

    I have used wp-coder to add the codepen example to the website, i have also enqueued the scripts I need. I have even created child theme files, ive tried to make my own page template too, i have club greensock and ive added the extra plugin, issues seems to be from header and footer, like there is a clash in css but i cannot work out what is what, is there any way to request a blank page template to be added to the theme?

  •  1,778
    Support replied

    Hello Stephen

    the header is implemented in header.php that you can reimplement in your child theme. So goes for the footer (footer.php).

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Stephen replied

    I know that and I have tried, i just cant seem to get it to work, I don't understand what is causing the issue, I cannot tell where the conflict is.

  • Stephen replied

    one thing i wonder if you can help me understand, I cant seem to see where you guys are placing the scroll trigger or what dom element is the trigger, maybe this is not helping too?


  •  1,778
    Support replied

    Hello Stephen,

    For Humpton plz look in/js/scripts.js an /core/js/common.js for scroll triggers and the dom elements they are attached to, for example:

    https://prnt.sc/MvgzeE_hGUjD

    this will create a scrolltrigger for DOM element #project_nav that starts at top 1 pixel

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy