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
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
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
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
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?
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?
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?
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
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
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
also on the stories page I am getting this weird effect on the header section, like the texts is set to a difference filter?
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
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
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
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
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
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
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
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?
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
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
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.
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?
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
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio