Add-on ID application

Hi, in a Custom HTML or Text widget. Hope that helps.

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.

I tried, but it didn’t work. Codes in standard page builder; <div class =" wp-block-image "> <figure class =" aligncenter is-resized "> <img src =" https://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.

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.

It gives an error.
https://giv.tuyograf.com/index.php/particles/

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="https://giv.tuyograf.com/wp-content/uploads/2018/09/blog-02-1024x576.jpg" alt="" class="wp-image-240" id="particles" width="768" height="432" srcset="https://giv.tuyograf.com/wp-content/uploads/2018/09/blog-02-1024x576.jpg 1024w, https://giv.tuyograf.com/wp-content/uploads/2018/09/blog-02-300x169.jpg 300w, https://giv.tuyograf.com/wp-content/uploads/2018/09/blog-02-768x432.jpg 768w, https://giv.tuyograf.com/wp-content/uploads/2018/09/blog-02-1140x641.jpg 1140w, https://giv.tuyograf.com/wp-content/uploads/2018/09/blog-02-830x467.jpg 830w" sizes="(max-width: 768px) 100vw, 768px">

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="https://giv.tuyograf.com/wp-content/uploads/2018/09/blog-02-1024x576.jpg" alt="" class="wp-image-240" width="768" height="432" srcset="https://giv.tuyograf.com/wp-content/uploads/2018/09/blog-02-1024x576.jpg 1024w, https://giv.tuyograf.com/wp-content/uploads/2018/09/blog-02-300x169.jpg 300w, https://giv.tuyograf.com/wp-content/uploads/2018/09/blog-02-768x432.jpg 768w, https://giv.tuyograf.com/wp-content/uploads/2018/09/blog-02-1140x641.jpg 1140w, https://giv.tuyograf.com/wp-content/uploads/2018/09/blog-02-830x467.jpg 830w" sizes="(max-width: 768px) 100vw, 768px">
</div>

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.

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 ..