Possible to let Ticker float?

Yes, this is possible with a little custom css. Add the following to your Appearance > Customize > Additional CSS screen:

.ditty[data-id="20474"] {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
}
#gtranslate_wrapper {
    bottom: 25px !important;
}

I also added a bit of css to push the Google Translate flags up slightly to match the spacing of the notification bell.

Let me know if you have any issues with this.

Thread Starter
cstvnl

(@cstvnl)

Hi!

Awesome, it works.
I have it on the frontpage now. Can I also have it under every post or on the whole wbesite?
.
Thank you so much for the quick help.

Susana.

Thread Starter
cstvnl

(@cstvnl)

Maybe useful to add:

I used a shortcode which I placed on the frontpage.
But Elementor does not let me make a template for the posts. The theme does not let me.

Or maybe it is possible but I do not know how.

Susana.

Instead of using a shortcode to add your Ditty you can add it with a Global Ditty. Check out this documentation: https://www.metaphorcreations.com/article/ditty/general/global-ditty-rendering/

For your specific instance, set the the HTML Selector to body and set the Position to End of Element.

This will add your ticker to all pages on your site.

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer