Change Design of shortcode dropdown and positioning on ELementor

Not from support, but to center it or change visuals it’s css.

To center it for all browsers, add this to your css:

#trp-floater-ls {
    left: 50%;
    left: calc(50% - 25px);
}

This will center the left side of the language picker on browsers that do not compute calc().
And browsers that do compute calc(), it will be centered, as the language picker is 50px wide.

To make the background transparent, change it to this:

#trp-floater-ls {
    left: 50%;
    left: calc(50% - 25px);
    background-color: transparent;
}

On hover, your language picker displays shadows, to remove this, add this to your css too:

#trp-floater-ls:hover {
    box-shadow: none;
}

On hover, your language picker also darkens the background on the selectable language, if you want that gone, add this to your css:

#trp-floater-ls-language-list a:hover {
    background-color: transparent;
}

Do note, you’ll need to CTRL+F5 while watching the page to see the change, because browsers save the css locally, CTRL+F5 removes it from the browser.

If you want small changes that can be done through css, and you use for example chrome/firefox, right click what you want changed > inspect, and see what css applies the effect you want to change.
Probably better guides online than what I could write down here.

This way you can apply css changes to things all over your website.

Hope this helps.
If you run into an issue, just reply here and I’ll reply as soon as I can.