Hello
We have been using this plugin as a news ticker at the top of our site for a while. We noticed that when a page from the site remains open in the browser, the page becomes slow and heavy, and the news ticker bar itself also becomes extremely slow to the point where it stops moving. Is there a solution for this?

Hi there,

Giving your pluging a whirl and everything looks good until I view it on my phones, and suddenly it’s displaying the wrong fonts. Oddly it seems to be displaying default serif font on ios and default sans-serif on android.

Any tips?

Hello everyone. I’m making my first attempts with the DITTY ticker in the default version, but I can’t get an option. Maybe someone can help me.

In the screenshot, you can see that the title is displayed above the ticker, but that really bothers me.

Then the title is somehow suppressed without having to buy the PRO version?

Klaus Wilde

https://mecker-ecke.com/wp-content/uploads/support/myDITTY-Title.png

Hi,

I’m working on making a website accessible and would like to be able to add a pause button to a ditty scrolling text. Is this possible?

I’ve tried the following code, but haven’t had any luck (FYI I used ChatGPT)

Step 1: Enqueue Custom Scripts and Styles

First, you need to enqueue custom JavaScript and CSS files in your theme’s functions.php file.

function custom_enqueue_scripts() {
    // Enqueue custom JavaScript file
    wp_enqueue_script('custom-ditty-pause', get_template_directory_uri() . '/js/custom-ditty-pause.js', array('jquery'), null, true);
    
    // Enqueue custom CSS file
    wp_enqueue_style('custom-ditty-style', get_template_directory_uri() . '/css/custom-ditty-style.css');
}
add_action('wp_enqueue_scripts', 'custom_enqueue_scripts');

Step 2: Create Custom JavaScript

Create a file named custom-ditty-pause.js in your theme’s js directory.

jQuery(document).ready(function($) {
    // Add pause button to all Ditty tickers
    $('.ditty-ticker').each(function() {
        var $ticker = $(this);
        
        // Create pause button
        var $pauseButton = $('<button class="ditty-pause-button">Pause</button>');
        $ticker.append($pauseButton);

        // Pause functionality
        $pauseButton.on('click', function() {
            var $this = $(this);
            if ($this.text() === 'Pause') {
                $ticker.addClass('paused');
                $this.text('Play');
            } else {
                $ticker.removeClass('paused');
                $this.text('Pause');
            }
        });
    });
});

Step 3: Add CSS for Pause Button

.ditty-pause-button {
    background-color: #0073aa;
    color: #fff;
    border: none;
    padding: 5px 10px;
    margin-left: 10px;
    cursor: pointer;
}

.ditty-pause-button:hover {
    background-color: #005a87;
}

/* Example style for paused state */
.ditty-ticker.paused .ditty-ticker-item {
    animation-play-state: paused;
}

Thanks and appreciate any help.
Ashley

Hello,

I have just installed the Ditty plugin, and Ditty RSS.

I am having difficulty understanding how to style the ticker. I see in your demo that there are several styles of Tickers. I wish to create a ticker from an RSS feed, but what I’m getting is not looking good. Images come in at full size, cannot use this as a ticker.

1. What is a Ditty, versus a Layout, versus a Display? All three of these seem to create a shortcode that shows a ticker or some other style of article layout. I’m trying to follow steps, but it looks like I am creating three different feeds. Is this correct?

2. Also, is there a template that I can use that already exists? I have no templates, and spent several hours reading the documentation and unsuccessfully trying to style a ticker to look good like the ones on the demo page.

Your help is appreciated!

Earlier, at the same subdomain the ticker ran fine. After reinstalling WordPress, the imported ticker gives 404 error. It simply does not save. What is stopping it?

Hi, I’m trying to have a news-ticker in the header amongst other things.

I thought this would just be a case of adding a widget, adding a shortcode block and then entering the shortcode. This works if my ditty is a list, but when I change it to ticker, nothing appears.

Am I doing something wrong?

I refreshed all the browsers on my mobile, yet the ticker not appearing. Desktop version works fine. Can you guide me about it? Thanks

Hi, is it possible to have individual entries within a ticker automatically expire at a certain date/time? This would save having to remember to remove items when they’re no longer relevant. Thanks!

Hi, i recently installed the plugin to add a vertical scroll within the footer of my page using the divi theme it doesn’t seem to show on a desktop but it works on a laptop / mobile ?

Any help would be much appreciated.

Hello,

we use the plugin “Sticky Menu & Sticky Header or Anything” (so that the header follows the scroll) + “Ditty – Responsive News Tickers, Sliders, and Lists” (as like the news and information) and we use those 2 plugins in combination and they work okay and it follows scroll.

Now we have one problem with that combination. If we only use this plugin to follow the header (Sticky Menu) it works as it should and looks okay, but if we insert this plugin for news (Ditty) all the way above in the header, a small problem appears, which is that the header is somehow not 100 now. % displayed, ie. that header falls down over the content, and follows the scroll like that.

So it’s not 100% fixed in its place, but that part (probably because of that Ditty element + header), falls down over the content on every page and devices (We’ll send pictures and a link to what we mean, and you can check also for yourself). We are not sure what the problem is, so we are writing to both plugin support forums we would like to ask you to help us solve this, the client needs it urgently. Only when making a proposal, if we need to enter some code or similar, just let us know where exactly and how to insert it, thanks in advance. Pictures:

#In these two pictures you can see that the header menu now is on top of the content:
https://prnt.sc/V1GYCZr2tXb-
https://prnt.sc/8wVwXFozNgZa

#In this one picture, you can see that these bottles should be fully visible to the opener of the bottle:
https://prnt.sc/OWgP_iaLCtEu

We are using Astra Theme + Elementor Builder.

Thanks in advance, Best Regards,
Lazar

Hi

Is there any way to show ditty at the absolute top of my website above the header? Under global settings I wrote #site-header in the html selector but it’s not working. I am using the storefront theme. Screenshot – https://snipboard.io/bZjWgY.jpg

Thanks

I am the developer of our schools website and we use ditty to display a news ticker at our main page.

All of the sudden the edit page of the newsticker is not rendering anymore, neither are the settings, the page is just a blank white space. Every other menu is rendering just fine, like extentions or import/export. We are unable to change what is written in the newsticker like that.

Thanks for the help in advance!

hello all,

I am currently helping my Department to prepare a webpage of my Department from scratch.
I am using the template which others Department have used.
No department has this Ditty plugin installed and so we can’t learn from experience here unfortunately.

When talking our University web admin (he usually handles all this and has also no clue why Ditty is not working) mentioned to me that i need to write here that “our wordpress system has got the special version and special config.php codes.”
So if someone can help – please let me know which more specifications/informations you need from me to help in this matter.
Some help on this regard would be much appreciated because I am stuck.

best regards,
Abhi

PS: I have recently used this plugin without any problem for my personal research website.

Hi

I am using the legacy news ticker and the latest version “squished” my site so it was about a third of the normal width.

I have rolled back to the previous version which is fine.

Hope you can help

Does Ditty Ticker have a timestamp option? How would I generate a timestamp in Ditty?

I have a ticker at the bottom of this page showing testimonials. The ticker isn’t allowing enough space for the descenders of the font (the part that hangs below the line, like the tail of the lower case g). How do I add margin for these? Ditty ver 3.1.38, WordPress 6.5.2, running Divi theme. All guidance gratefully received!

I was just wondering if there is a way to clone a ditty? I have a few that have a lot of items and I’d like to modify them just slightly while keeping the original unchanged. I don’t see a copy/clone functionality for an entire ditty though, only for items inside a ditty. Is there a way to do this?

I’m using Ditty with the display set to Ticker and the direction set to Right. The content are images stored as HTML items. After the ticker scrolls for a few seconds (somewhere between 1 and 5 s), as each new image appears on the ticker, it overlaps with an image underneath. I’ve tried setting wrap to false everywhere it appears in settings, etc. but no settings modification seems to change the issue. However, if I use Ticker with direction set to Left, the issue never occurs — the images remain separate no matter how much the ticker moves.

Hi,

Ever since the latest update, I am not able to add a HTML code in front of my news tickers. I want a tiny image to be displayed in front of the latest 3 news items. I use a small image uploaded in my wordpress media folder. Previously, I used to copy the url to this image, and insert the code <img src=”full url”> in front of the latest tickers, and it used to work. Ever since the latest update, even after adding the img code, when it save the ditty, the code disappears.

Please help me troubleshoot the issue.

Ditty Ticker plugin is generating unique IDs constantly:

The issue is caused by the fact that your Ditty Ticker plugin is generating unique IDs constantly in JS, which causes our plugin to believe that they are separate and results in accumulating a large amount of combines JS files.

Hi, another website where I am having issues with Ditty. This one has been confirgured and works ok on the setup page, but will not appear in the header. Any reason why?

We want the option to display items side by side when using a posts feed static list instead of stacked.

So the terms tag would be beside the title tag in this example on the home page:
{terms taxonomy=”post_tag” includes=”service-update” class=”post-tag”}
Service Update:
{/terms}
{terms taxonomy=”post_tag” includes=”update” class=”post-tag”}
Update:
{/terms}
{terms taxonomy=”post_tag” includes=”service_change” class=”post-tag”}
Service Change:
{/terms}
{title link=”post”}

Another example with the title and the time on the news page:
{title link=”post”}
{time class=”post-time” before=”— posted “}

Hi, trying to use the new ticker, the old ticker can be viewed here: https://susancahill.com/. It worked perfectly with “old” ticker, I cannot seem to replicate using the new ticker. Can you assist.

hi I am using a html to insert images in my ticker. I have two types of image size (1:1 square and 2:1 landscape). At the moment the ticker is fitting (shrinking) the landscape image to have the same width as my square. How do I match the height of all my images, instead of matching width as it is now? thank you

https://www.dropbox.com/scl/fi/1842v9o5ast4c5g9bayk3/ditty-image-size.jpg?rlkey=lpdi6mss495y6q9yi9aety18d&dl=0

We are using a ditty wp-posts feed in a list display type. We would like to add the corresponding tag for each post into our custom layout and there doesn’t seem to be an option to do that. For instance, we have a tag on a few of our posts called “service-update” but there is no way to call out this specific type of post.

Placed a ditty in the header on site. Looks great on desktop, but on iPhone there is a font change to bigger type every second iteration of a tick.

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?

https://snipboard.io/8a6p4B.jpg

How do I label the html option? I want to be able to clarify what each section is referring to. I am using the free version of Ditty News Tinker.

I wonder why ditty won’t show the latest items. It always starts with the same older item from 2022. Changing Display Item Order won’t help. This also seems to be not a cache problem as the first item is the same (old one) also with another browser or other device.