Autoptimize & Ditty News Ticker issue

Can’t comment on “ditty news ticker” specifically, but (as per the troubleshooting tips in the FAQ);
* did you try with JS optimization turned off? does it work that way? if not, did you try disabling CSS or HTML optimization?
* if JS optimization; do you see any JS error on the browser console?
* if CSS optimization, did you try excluding Ditty’s CSS from CSS optimization?

frank

Hi Frank,

thanks for the feedback and sorry for the late reply. I checked as you said and disabling the css optimization did the trick. So I went ahead and excluded the relevant css files from being optimized. However after doing so I was able to see the newsticker messages, but they did appear differently. I have one spreading over two lines which remained in one line and was cut off when I activated autoptimize. Does this help?

Thanks and once again, sorry it took me quite long to answer.

Christian

afternoon @kurisutian; do you have a non-production site where you leave your news ticker broken so I could have a quick look?

Unfortunately I have no non-production site. But since the news currently should not show anyway, I could have it run on the production site nevertheless.

The site is: https://takeki-dojo.org

The newsticker rund as a widget. Just look at the “Newsticker:” part of the site and it should be right underneath the title. I will disable it again once you are done.

BTW, the same site was used when I checked the new version 2.2 of your plugin and the google fonts were not shown, which I reported on github. The template was created with templatetoaster which also is responsible for loading the fonts. It’s a template engine based on the bootstrap framework.

Thanks!

maybe try this as workaround; in your critical CSS add

.mtphr-dnt-default-tick{display:block !important;}

I’ll have a look at how your site loads Google Fonts now ??

hmmm, could not immediately pinpoint what could be the problem with Google Fonts, so ideally you re-apply AO 2.2 (latest version from Github) which would allow us to better understand what is happening (JS or CSS issue to begin with)?

adding .mtphr-dnt-default-tick{display:block !important;} didn’t help, since the newsticker works but brakes the newline. It’s supposed to be a text spreading over two lines. Do you want to re-check while I will upgrade to AO 2.2 next? Shall we continue on Github than since I reported the google font issue there?

OK, as I just mentioned in Github, the new github version fixed it for me and the Google Fonts are also shown now. Thanks a lot for your help! I’m closing here now as well! ??

Greetz,
Christian

super, vielen dank Christian! ??