136 comments found.
Hi guys, I’ve got quick question for you. Is there a class or js script within the template I can use for changing quotes in quote section without creating my own code or slider? Thank you, David.
You can edit the quotes by changing the before and after pseudo selectors’ content property for the q element. Currently they’re set to open-quote and close-quote. So for example if you want to remove them, you’d write this at the bottom of the theme’s CSS file:
q::before,
q::after {
content: none;
}
Instead of using none you can pass anything you like in the content property, just put it in quotes. For Example if you want single quotes, you can do it like this:
q::before {
content: "'"; /* notice the single quote mark in between double quotes */
}
q::after {
content: "'"; /* same, you can put whatever you want in between double quotes */
}
You can also restyle the quotes by changing other CSS properties of the before and after elements, like font-family, color, font-size etc. For example:
q::before,
q::after {
font-family: 'Play';
font-size: 50px;
color: #ae29ff;
}
I hope this helps.
Hey There! Hope this mail finds you well. I have purchased an HTML version of the particle theme and didn’t realize it wasn’t compatible with WordPress… I’m new to web building. Is there any chance I can get the WordPress version? Or do I just have to buy it again?
Hi and thank you for purchasing Particle,
You’d need to buy Particle WordPress and then we’d issue a refund for the HTML version.
Hey how to get the latest update file?
Hi dogeboost and thank you for purchasing Particle,
The latest update is always located in your Downloads (of your themeforest profile). https://prnt.sc/6p40L0nDyyDA
Hi there, I have bought this theme, however when uploading it to Wordpress I get an error stating “the theme is missing the style.css stylesheet”.
Please could you assist with this.
I see you managed to find the WordPress version on our site.
Hi, I have written previously as well but I am seriously stuck in a very bad situation. I have been trying to use the contact us form since the past 1 month and have tried everything but nothing is working out. I am used namecheap hosting service and Microsoft 365 for domain email. Have had several support calls with them, shared screen with them for settings but they have given up. This is a very serious issue for me. Would be extremely grateful if you could help
Hi venturedataai,
I’m not sure what your issue is without knowing what type of hosting you’re using and additional information. From what you wrote I’m not sure what Microsoft 365 is but it’s highly recommended that you use the email from your domain for the contact form. And the hosting provider does have “cheap” in the title so it’s safe to assume that your current hosting plan might be behind the issue (if you did everything else exactly as instructed in the documentation).
I would strongly recommend switching to a hosting provider which is in good standing and not going for their cheapest plan (without advertising, dreamhost comes to mind because our demo is on it and the forms work fine, but you can do your own research just avoid the cheapest shared hosting plans) and using an email from the domain name on which your site is located. I really can’t help you with your current hosting if they can’t. Once again, I would strongly recommend a different hosting company and a hosting plan other than shared hosting. There are for example great VPS hosting plans with monthly payments which you can get for a month and if everything’s working fine simply continue using it. Not to mention that that type of plan is safer and more reliable than shared hosting and it can also run more websites than a shared hosting. And once you are set you should follow our documentation regarding forms to the letter. I hope this helps.
Microsoft 365 is basically Microsoft Office. I wonder why you have not heard of namecheap and your comment regarding the title of the hosting service does not make sense. Can we hop on a call where I show you my settings and then we can evaluate where the issue lies?
I haven’t heard of Microsoft 365 email, I have heard of namecheap although I don’t know much about it. The sense for the title of the namecheap hosting service comes in because it’s known that cheap hosting plans disable or hamper functionality like php email sending. I would have mentioned cheap hosting as a very likely reason even if your hosting wasn’t titled namecheap because that’s one of the most common reasons why forms can’t work properly. As for the call, I’m sorry, we only provide comment support but you can share a live testing URL here and send us your form php config file via a private message (not here in the comments but through our Envato profile).
Hi, I have contacted earlier as well regarding an issue with the ‘contact us’ form but did not receive a satisfactory response. I paid extra for 12 months support. Have gone through the documentation as well but its not helping.
The form is not working have tried everything
Hi haider_iqbal,
Please use the actual account you purchased support with. And please be specific as to your issue. “Have gone through the documentation” is not enough to troubleshoot your forms integration. You need to have followed all instructions precisely as specified and if you are still getting issues, you need to verify with your hosting provider whether it supports php forms. Some (cheapest) hosting providers completely remove this functionality, some (still cheap) require you to contact them so they would enable it on their end. A URL with your website or a test site with the implemented forms would also be useful. That would be a satisfactory amount of information so we could properly take a look at it. I hope this helps.
I get this error message when I try to install the zipped theme: The package could not be installed. The theme is missing the style.css stylesheet.
This is a HTML template, not a WordPress theme (as it says in the item description). Particle WordPress theme is available directly on our shop: https://www.previews.skilltechwebdesign.com/particle/
I have been trying to reach to support but no one replies. I need instant action to this. Not happy with the service
Hi, I’m looking at it now.
Hi,
1. I am not being able to find a slider option in the Portfolio thumbnails. Need it because I have more then 4 portfolios.
2. I’m not being able to place my logo in the header section. All alignment gets messed up
3. How do I activate the form in the contact us section?
Here are the answers to your questions:
- I’m not sure I understand what you mean by slider option.
- For the logos, please look at the documentation under “Logos”. We’ve specified exact image resolutions for logos and even provided .ai mockups.
- As for the forms, also look at the documentation under “Forms”, using forms is explained in detail over there.
To open the documentation, open the “_Documentation” folder you received with the main .zip file, and double click the “DOUBLE-CLICK-TO-LAUNCH-DOCUMENTATION” HTML file.
I hope this helps.
Hi,
Thank you so much for your quick response. I have added a screenshot here:https://drive.google.com/drive/folders/1wy57NDINfyVlrDGiKwim5qX7BdH05lE2?usp=sharing
I need a slider on “See Our Work” section so that if have more options then i can move with button from left to right or vise versa.
Please let me know your feedback on this please. thanks
Looking forward to your ASAP please. Thanks. @Skilltech
I see, what you shared is a screenshot of the WordPress version of Particle, which has a carousel portfolio section. Here, for this item i.e. Particle HTML Template, the portfolio section has a grid layout, so to add additional items you simply need to replicate one of the existing 4 columns (as seen in the image) https://prnt.sc/efb8AlVtoWNz
I’d recommend making your total number of portfolio items divisible by 4 because the grid breaks into two columns and then in one column, the smaller the screen size gets. I hope this helps.
please correct me if i understood it wrong, by doing this will I get the slider or it will be the grid as before?
You will get the grid.
is there any way of getting the slider please?
Not a this moment. That feature was added on the WordPress version which was created at a later stage and which is not sold on Envato but instead directly on our site, it’s a completely different product altogether. As for adding that feature here, we might add it in a future update but I can’t give you any details. I hope this helps.
hello. i just purchased your template and i am missing the homepage particle video for this template
https://www.skilltechwebdesign.com/htmlthemes/particle/v2/dark-index-video.html https://www.skilltechwebdesign.com/htmlthemes/particle/v2/dark-index-yt-video.htmlcan you please send me the hi-res video file for these homepages so i can finish my website. i just need the moving particle background on the homepages. my respects.
menu not working in mobile versions? i have iphone X
Hi Cloudberry_Motion and thank you for purchasing Particle,
We tested the menu on iPhone X before the last update and it worked fine. What browser are you using? What OS version and do you have any extensions / apps installed that might interfere with JavaScript while browsing?
Hi there, I purchased your Particle Wordpress theme directly from your website
Order Number: 1764 Version: Particle-v1.0.2
When I try to unzip it, I’m getting an error message “The archive is corrupt”
When I try to upload it to wordpress directly I’m also getting an error message “The package could not be installed. PCLZIP_ERR_BAD_FORMAT (-10) : Unable to find End of Central Dir Record signature”
Please do get back to me soon on a possible solution. Cheers
I now managed to rectify the corrupt file issue but still getting an error message on wordpress:
Installing theme from uploaded file: Particle-v1.0.2-enlkxv.zip Unpacking the package…
Installing the theme…
The package could not be installed. The theme is missing the style.css stylesheet.
Theme installation failed.
All issues have been rectified!
Great. The theme .zip file was within the main download .zip file but I guess you figured it out.
Purchase code: 83fafad0-1147-4e18-b9a4-8a65a606ed77
Could you please make the background videos available for download?
Just need the one for index-yt-video.html
I have a glitch, sometimes the video will flicker and on some browsers its blank.
Thank you.
Hi warboys and thank you for purchasing Particle,
Sorry for the last comment, I saw it in the middle of work and later I forgot to reply. Here is the link to that video https://www.youtube.com/watch?v=-ZtAnW-AS9I
If you have trouble downloading send us a message through our profile (not comment).
I’ve message you on your support email requesting the download link as I having trouble downloading the vid.
I’ve emailed you 3 days ago. Check your SPAM folder.
Oh dear, looks like my spam timer got filled and cleared the folder. Could you please send it again. Many thanks.
Done.
Thank you!
I have the same issue with the video background glitching and some users report that it goes blank. The template for the video https://www.skilltechwebdesign.com/htmlthemes/particle/v2/index-video.html
I do not like V3 cause I still can get almost 100 or so spam ever few days and had 2000 with in 2 months when I first got it working
Hi Howman,
You need to use ReCaptcha 3, we’ve created and tested that implementation and we can support it. Since the forms solution we use (3rd party plugin) has a lot more complexity than what its purpose for our theme is, we’ve put big bold red important notices in our documentation that we cannot support every aspect of that plugin and that you need to use ReCaptcha 3. With forms with ReCaptcha 3 working (the messages get delivered), this is where the purpose of having forms is complete and we’ve done our job.
We’ve also specified (in huge red letters) that if you with to do any further customization with the forms we will not provide support. And that you CAN do any modifications or customizations if you wish (since Simple Forms is a powerful solution), but then to remove our integration and start from the beginning.
Having thousands of SPAM emails go through ReCaptcha 3 sounds very concerning but I’m 99% sure that ReCaptcha doesn’t do that bad of a job otherwise it would not reflect well on Google’s reputation. My first thought if this was happening to me would be that my hosting is probably infected and I would look into what antivirus scans my hosting provider offers. I’d also make sure that the form content is being delivered via SSL. I personally use ReCaptcha 3 on several sites with decent traffic and I haven’t had a single SPAM email on any of them.
So please use ReCaptcha 3 and as for ReCaptcha 2, since it’s out of our scope, use Simple Form’s documentation from “vendor\simple-forms\help\” folder.
I hope this information was helpful.
Thank you for replying I am now using V3 and when you press send I get ReCAPTCHA couldn’t find user-provided function: onSubmit in web deva tools As for my site hosts My domain name is with godaddy My DNS is with cloudflare My email is with zoho My hosting is me IIS 10 windows server I can check for viruses
Ok fixed the ReCAPTCHA couldn’t find user-provided function: onSubmit but reCAPTCHA badge is not showing up but it use to. Is there a way to test it to see if it is working
Yes, it should appear on any live site. (the ReCaptcha logo).
over night 11 spam mails and no reCAPTCHA badge so is there a way to test
Then ReCaptcha is not loading properly. My suggestion would be to run a test by using a clean copy of Particle and ONLY setting up forms EXACTLY as the documentation instructs. Then upload that test site to a live test location (preferrably on the same domain where your original site is, just in a subfolder e.g. mysite .com / my-test-folder /). You can upload only one html page for testing e.g. index .html (and ALL the assets). Then, since we have tested and know that the forms and ReCaptcha work fine on a copy we deliver, if something is not working, your hosting setup is causing the issue. If everything is working, then something is not properly done on your real site (then I’d suggest removing the forms integration completely and reintegrating). And again, 11 spam email over night, that’s WAY too many and to me it would be a strong indicator of an infection or a targeted activity.
O.K. I will install to a sub folder fresh. should i do it with out the changes to simple-forms-core.php line 276 cause as is it would not send email I would comment out 276 $fromEmail = “do-not-reply@” . $_SERVER[‘SERVER_NAME’]; to $fromEmail = “my@email”;
O.K. Still no badge Tryed fire fox nightly, edge, chrome tryed with and with out changes to line 276
Well I b leave I fix it. Main problem was cloudflare serving a cached page. And I forgot to uncomment assets/js/form.js that’s was on the fresh particle template in sub dir. But still could not figured out what I did wrong on first attempt. So I put subdir in main dir and is working as you intended. I have question do you do freelance work?
12 hours over night 13 spam mails
enableing recap v3 cause 55 warnings and 2 errors in devtools is this normal and I just noticed that your back to top button has disappeared well it is there and can click it and it works but can not see it
Sounds like quite a setup you have. I currently don’t do freelance work. Enabling ReCaptcha V3 should not cause any errors. 0 errors. Back to top has disappeared because of the incorrect ReCaptcha setup (most likely) which in turn messes up many javascript-related things.
Well I found out the back to top problem and recap make these errors on your template with changes other then activating recap 3. No site is nothing major more or less just trying to lean cause I am no developer I mess around till i get frustrated stop for several months and try till i get frustrated again. Somtimes I find people like you who help me cause you answer me with being rude and taking the time out of your day to answer sometimes stupid questions.
Warnings and errors. Cookie “OTZ” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. api.js Cookie “SID” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. api.js Cookie “__Secure-1PSID” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. api.js Cookie “HSID” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. api.js Cookie “SSID” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. api.js Cookie “APISID” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. api.js Cookie “SAPISID” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. api.js Cookie “__Secure-1PAPISID” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. api.js Cookie “SEARCH_SAMESITE” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. api.js Cookie “AEC” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. api.js Cookie “SIDCC” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. api.js Cookie “__Secure-1PSIDCC” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. api.js Cookie “OTZ” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. anchor Cookie “SID” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. anchor Cookie “__Secure-1PSID” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. anchor Cookie “HSID” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. anchor Cookie “SSID” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. anchor Cookie “APISID” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. anchor Cookie “SAPISID” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. anchor Cookie “__Secure-1PAPISID” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. anchor Cookie “SEARCH_SAMESITE” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. anchor Cookie “AEC” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. anchor Cookie “SIDCC” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. anchor Cookie “__Secure-1PSIDCC” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. anchor Content Security Policy: Ignoring “’unsafe-inline’” within script-src: ‘strict-dynamic’ specified Content Security Policy: Ignoring “https:” within script-src: ‘strict-dynamic’ specified Content Security Policy: Ignoring “http:” within script-src: ‘strict-dynamic’ specified This site appears to use a scroll-linked positioning effect. This may not work well with asynchronous panning; see https://firefox-source-docs.mozilla.org/performance/scroll-linked_effects.html for further details and to join the discussion on related tools and features! Website Error: Promised response from onMessage listener went out of scope ExtensionMessagingService.js:89:34 Cookie “OTZ” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. anchor Cookie “SID” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. anchor Cookie “__Secure-1PSID” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. anchor Cookie “HSID” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. anchor Cookie “SSID” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. anchor Cookie “APISID” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. anchor Cookie “SAPISID” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. anchor Cookie “__Secure-1PAPISID” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. anchor Cookie “SEARCH_SAMESITE” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. anchor Cookie “AEC” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. anchor Cookie “DV” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. anchor Cookie “SIDCC” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. anchor Cookie “__Secure-1PSIDCC” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. anchor Content Security Policy: Ignoring “’unsafe-inline’” within script-src: ‘strict-dynamic’ specified Content Security Policy: Ignoring “https:” within script-src: ‘strict-dynamic’ specified Content Security Policy: Ignoring “http:” within script-src: ‘strict-dynamic’ specified Content Security Policy: Ignoring “’unsafe-inline’” within script-src: ‘strict-dynamic’ specified Content Security Policy: Ignoring “https:” within script-src: ‘strict-dynamic’ specified Content Security Policy: Ignoring “http:” within script-src: ‘strict-dynamic’ specified Cookie “OTZ” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. webworker.js Cookie “SID” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. webworker.js Cookie “__Secure-1PSID” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. webworker.js Cookie “HSID” with the “SameSite” attribute value “Lax” or “Strict” was omitted because of a cross-site redirect. webworker.js
Not a great speller and I forgot a word sorry about errors
I’m not sure how to respond to the long message. In short, please use ReCaptcha V3 or refer to the plugin’s help file which I already told you where to find. I can’t say more for other integrations as we have done them and it’s not a part of our theme.
No intergrations just your template https://wwwdothowmandotca/apps/Website/ when you told me to set it up in a subdir with in my site the warning and errors are there with out any intergations
Here is a screenshot from your site https://prnt.sc/AqyXvVmAfsvf ReCaptcha logo is there and there are no console errors. This means that everything is working as it should. If you have any SPAM issues beyond that I’m affraid I can’t help you as we are not an internet security company and the forms we provide, and the way we integrate them, don’t offer further custom-tailored spam protection.
My last comment ignore those lines are fine I was looking at your old version and new version trying to find out why math was not working
I think I found some problems with your new template your form.js line 68 says recaptcha-v3 and config.php in assets\vendor\simple-forms line 65 says define(“RECAPTCHA_V2_SECRET_KEY”, “YOUR_SECRET_KEY”); is this a confliect so I have it set to math and when I press send with out an answer it goes through so the math question does not seam to work I am sure all i have to do is change form.js line 68 to recaptcha-v2 and thats fine but not sure how to fix the math part
Hello I am curious 7 months ago you said you had an up date for your template did you ever release it or are you going to?
Hi Howman, that update’s priority wasn’t high since it didn’t make any functionality changes so I never got around to it. Anyway, I updated the forms when I saw your comment.
Thank you
Hi, I really like the particle theme and very happy with it. Can you please guide me how to enable dark mode. I inserted code as shown in documentation, but it didn’t work. Please help
As I answered below, I can access the theme code in two days at the earliest and then I can take a look.
As I answered in the previous comment, most light/dark mode changes are present on the blog. If you want dark vertion of the theme as your homepage, then you’ll need to select a homepage .html file that starts with “dark-”. In the documentation, you can use our wizard and specify if you want dark version of the theme.