Hi, in a Custom HTML or Text widget. Hope that helps.
Thread Starter
gokh
(@gokh)
I tried it didn’t work, unfortunately.
Give it a try in a standard page without using Page Builder, that’ll help isolate the problem.
Thread Starter
gokh
(@gokh)
I tried, but it didn’t work. Codes in standard page builder; <div class =" wp-block-image "> <figure class =" aligncenter is-resized "> <img src =" http://giv.tuyograf.com/wp-content/uploads/2018/09/blog -02-1024x576.jpg "alt =" "class =" wp-image-240 "width =" 768 "height =" 432 "/> </figure> </div>
How do I apply the CSS ID id =" particles "?
Thanks for trying.
We’re, unfortunately, this topic is quite far outside of the free support scope we’re able to offer. Within Page Builder, if you make use of the Custom HTML widget, it should leave any HTML you insert in place. Perhaps give that widget a try.
Thread Starter
gokh
(@gokh)
I’ve used the custom HTML widget didn’t work. I added a CSS ID into the code.
CSS ID field, Elementor Page Builder is also possible. I wanted to know if it was possible in SiteOrigin Page Builder.
Please, send a link to a page where you’ve inserted the ID into a Custom HTML widget. Thanks.
Thread Starter
gokh
(@gokh)
In which HTML element do you want the ID tag? Please, send me your markup and I’ll take a look. Thanks.
For example, I can put the ID into the img tag and the widget will successfully save:
<img src="http://giv.tuyograf.com/wp-content/uploads/2018/09/blog-02-1024x576.jpg" alt="" class="wp-image-240" id="particles" width="768" height="432" srcset="http://giv.tuyograf.com/wp-content/uploads/2018/09/blog-02-1024x576.jpg 1024w, http://giv.tuyograf.com/wp-content/uploads/2018/09/blog-02-300x169.jpg 300w, http://giv.tuyograf.com/wp-content/uploads/2018/09/blog-02-768x432.jpg 768w, http://giv.tuyograf.com/wp-content/uploads/2018/09/blog-02-1140x641.jpg 1140w, http://giv.tuyograf.com/wp-content/uploads/2018/09/blog-02-830x467.jpg 830w" sizes="(max-width: 768px) 100vw, 768px">
Thread Starter
gokh
(@gokh)
id=”particles”
Application on picture.
Above, I’ve posted how the markup would look if you added the ID to the img tag. Or if you wanted the ID in a div to wrap the img tag then it would be:
<div id="particles">
<img src="http://giv.tuyograf.com/wp-content/uploads/2018/09/blog-02-1024x576.jpg" alt="" class="wp-image-240" width="768" height="432" srcset="http://giv.tuyograf.com/wp-content/uploads/2018/09/blog-02-1024x576.jpg 1024w, http://giv.tuyograf.com/wp-content/uploads/2018/09/blog-02-300x169.jpg 300w, http://giv.tuyograf.com/wp-content/uploads/2018/09/blog-02-768x432.jpg 768w, http://giv.tuyograf.com/wp-content/uploads/2018/09/blog-02-1140x641.jpg 1140w, http://giv.tuyograf.com/wp-content/uploads/2018/09/blog-02-830x467.jpg 830w" sizes="(max-width: 768px) 100vw, 768px">
</div>
Thread Starter
gokh
(@gokh)
Yes, it worked great, but particles are moving out of the picture. Is it possible to have it on the picture?
Glad to hear you’ve made some progress.
Sorry, I’m not quite sure why the script is extending beyond its container.
Thread Starter
gokh
(@gokh)
I applied it in the Page builder row, again the particles overflowed out. I guess the particles need to work apart.
Thank you very much for your nice support ..
