Adding Particles.js into DIVI theme - javascript

Im having troubles with adding JS particles.js "adding Particles.js" into DIVI them which can be found here
(particleJs)Even i add HTML,CSS,JS the result cant be seen, thank you for reply.

I would enqueuer the scripts in functions.php, also before updating this I would create a child theme and add a functions.php file to your child theme and make the changes there to ensure you don't loose the change come updating the theme
Creating a child theme -> https://codex.wordpress.org/Child_Themes
Encuing scripts -> https://developer.wordpress.org/reference/functions/wp_enqueue_script/

I know this is a bit late but for the sake of future generations - there is an easy way using the following WP-Plugin ParticleJs-WP-Plugin that is available form Github only. This plugin allows you to use the Particle.js JSON via copy&paste.
The first argument of the function is your ID-name that you can use in the divi builder CSS-section.
particlesJS('your-particle-css-id',{});
Of course you can as well make a child theme and enque the scripts in functions.php but the plugin does it all for you and is very lightweight.

Related

Wordpress Script and styles plugin include script option

I am trying to include script to in individual wordpress individual page, but include script is disabled and can't write into the richtextbox don't know why, check the snapshot attached !
This screen shot is not part of WordPress by default. It's probably part of your theme. The WP way to add js is wp_enqueue_script and for css wp_enqueue_style.
For theme specifics I recommend asking the theme author/support.

How to remove wordpress theme to override plugin css and js

guys!
I have a wordpress website that has installed Kalixo Magazine theme. I tried to install several widget menu plugins with interesting designs, but always the design( i think the css and js/jquery) is the default one from the theme.
How can I stop my theme to override the css of widget menu plugin so I can have a unique menu on my sidebar ?
Thank you in advance!
I think the problem has anything to do with your theme, rather it is with the plugins. I suspect that the plugin authors has not set a priority when they registered/hooked the stylesheets to wp_enqueue_scripts hook. This will cause the plugin style to load to early, and all styles later gets overridden by the themes' stylesheet
I would suggest, create a child theme, and then copy the complete stylesheet from the plugin to your child themes' stylesheet. The child themes' stylesheet will be loaded lastn so give this a try
The Best way to do this is de_register that plugin CSS from your WordPress site and then add the CSS of that plugin into your main style.css file. This way it will take only a single css file to render all the styling and will not overload your website.
add_action( 'wp_print_styles', 'my_deregister_javascript', 100 );
function my_deregister_javascript() {
wp_deregister_style( 'contact-form-7' );
//wp_deregister_style( 'digg-digg' );
wp_deregister_style( 'wp125style' );
}
and then load your style.css file using script_enque method for better result
you can fix this problem customize by your plugin style sheet. if you don't know your plugin, you can find it in this path wordpress\wp-content\plugins ....

jquery ui theme creating custom jqueryui.js file

When I download a jquery ui theme via themeroller I get a jquery-ui-1.10.4.custom.js file instead of the standard jquery-ui-1.10.4.js file that comes with a regular jquery ui download.
I am trying to understand what is changing in jqueryui.js file from theme download to download. I was under the impression that nothing should change the .js file and that themes were just .css. Is this not the case?
I did not apply any customizations to the theme I downloaded (starter theme) and then added just the .css to a page with the regular jqueryui linked up and the page didn't work. When I tried with other themes though such as the hot-sneaks I did not have this problem.
I am asking this question because I would like to link to the jqueryui on a cdn and I just want to use the vanilla version. Is this possible?
Thank you for your help.
I don't think there is anything different other than the name. You could try running them though a compare tool to see if there are any differences.
Here is an online Comparer http://www.diffnow.com/

adding more than one slider in joomla on same page

I am trying to add a image carousel to my joomla page which already has a DJimage slider(for the banner)I have tried many carousel but none is working.Is there any problem in adding two script to the same page in joomla(I read it some where but can't find the solution) if yes than what is the solution.I am using joomla 2.5.
Thanks
try bxSlider i think this is what you need.
http://bxslider.com/examples/carousel-dynamic-number-slides
You can publish any number of DJ-ImageSlider at the page. It is a joomla module so you just need to create new instance of the module (module manager -> new -> DJ-ImageSlider) or copy it and change the settings. You have to assign the module to desired menu items and publish it in existing module position.

How to define a custom main page on a YUIDoc-generated documentation

I've been playing with YUIDoc and I find it fantastic.
By the way, I don't find a way to define my own main page content for the auto-generated documentation site (custom content inside the auto-generated index.html).
How can I define the main page content - if this is possible, of course -?
Thank you in advance!
YUI Doc is quite themable, so in theory this should be quite easy:
Fork YUI Doc or modify your current YUI Doc installation.
Add your own theme under yuidoc/themes. Copying the default theme is probably a good place to start, or copy over the partials/files you want to override.
In index.handlebars you add your custom content.
You can also change the main.handlebars to include custom CSS, JS and/or markup.
When you now build the docs, use the --themedir switch to use your new theme:
$ yuidoc --themedir ./mytheme
Read more: On YUI Doc theming.

Categories