Support » Plugin: Page Builder by SiteOrigin » Add-on ID application

Viewing 15 replies - 1 through 15 (of 16 total)
  • Plugin Author Andrew Misplon

    (@misplon)

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

    I tried it didn’t work, unfortunately.

    Plugin Author Andrew Misplon

    (@misplon)

    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 =" 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 "?

    Plugin Author Andrew Misplon

    (@misplon)

    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.

    Plugin Author Andrew Misplon

    (@misplon)

    Please, send a link to a page where you’ve inserted the ID into a Custom HTML widget. Thanks.

    Plugin Author Andrew Misplon

    (@misplon)

    In which HTML element do you want the ID tag? Please, send me your markup and I’ll take a look. Thanks.

    Plugin Author Andrew Misplon

    (@misplon)

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

    id=”particles”
    Application on picture.

    Plugin Author Andrew Misplon

    (@misplon)

    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>

    Yes, it worked great, but particles are moving out of the picture. Is it possible to have it on the picture?

    Plugin Author Andrew Misplon

    (@misplon)

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

Viewing 15 replies - 1 through 15 (of 16 total)
  • You must be logged in to reply to this topic.