The ‘apply’ button in the HTML Widget

  • I created a test for the News Tinker and inserted it into my page with the HTLML – shortcode. It had an ‘Apply’ button. It worked fine. Now I am trying to add the same tinker to a live page and the ‘Apply’ button did not appear. The tinker does not show my changes. I cleared cache thinking that would help. It has not. It’s like it is using the old version that I apply to my test page. Any thoughts of things I can try to get this to work?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author metaphorcreations

    (@metaphorcreations)

    What theme/page builder are you using? Are you using some sort of shortcode block/element? Normally, with the shortcode you would just copy it and paste it into your content. Can you take (and link) some screenshots I could see?

    Thread Starter eperatopoulos

    (@eperatopoulos)

    I think I was trying to do too much last week and not realizing that I was using the wrong widget in Elementor. I was using the HTML widget instead of the Shortcode widget. When I looked at it this morning, I realized what my mistake was.

    However, I do have another request. I wish there were a clone/duplicate option for the ditty tinker.

    Also, how can I on mobile keep the frame from going up and down to adjust to the image size? You can refer to it here: https://i2oretail.com

    Plugin Author metaphorcreations

    (@metaphorcreations)

    No problem. You can you muy Post Duplicator plugin to duplicate Ditty: https://www.ads-software.com/plugins/post-duplicator/

    The other option is to export a Ditty and then Import it, using the Ditty > Import/Export page.

    For your resizing issues, you’ll need to force the images to all fit within the same height using CSS in your Layout. Something like this should work:

    .ditty-item__elements {
    display: flex;
    align-items: center;
    height: 80px;
    p,
    a,
    img {
        display: block;
        line-height: 0;
        max-height: 80px;
        max-width: 100%;
        width: auto;
        height: auto;
        padding: 0 !important;
        margin: 0 !important;
    }
}

    I would add this to one of you item Layouts, then save it as a Layout Template, and then select this template to use for your other items (on the Layout panel). This way you only need to modify the Layout template css if you need to make adjustments later, and it will apply to all of your items using the template.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘The ‘apply’ button in the HTML Widget’ is closed to new replies.