Lost widget

Inline css styles (wp-custom-css) line 265: .ssiLiveButtonD {width:auto !important;}

I believe this was an attempt to make the width of the player responsive, so simply removing it… while it solves the problem of making the player visible, will now make the player display at the full width and drop down below the logo.

I’m not sure of the technical details, but it seems the auto width doesn’t play well with floated containers.

So my approach would be to instead leave that alone, but add the following to remove the float from the parent container: .e3lan-top {float: none;}

Also, there’s a line-height: 0 on the same parent container which is hiding the currently playing track. If you want the track to show (just as in the player in the sidebar), set the line height to normal.

To put them together, after adding the following custom CSS in APPEARANCE => CUSTOMIZE => ADDITIONAL CSS (or wherever you add custom CSS), you should end with what’s captured in the screenshot below:

.e3lan-top {
float: none;
line-height: normal;
}

Also theme editor is warning me not to use it. If I update the theme, I will loose the changes. Which I hope to at some point once I know all the plugins will still work.

I didn’t ask you to edit your theme files.

I asked you to put the code in APPEARANCE => CUSTOMIZE => ADDITIONAL CSS which is not overridden by theme updates.

If we need to make changes again, using css isn’t ideal. Does WP need to be updated? Is this a program bug?

See above. The “ADDITIONAL CSS” feature was built precisely to solve this problem: to add additional CSS to fine-tune your site’s design… and NOT lose the changes when the theme is updated.

To repeat: do NOT edit your theme’s stylesheet file to add custom CSS, because it’s absolutely unnecessary and you’ll lose the change when you update the theme. Instead, put this (and any future) custom CSS in the ADDITIONAL CSS box which will keep the code even when you update the theme.

Why can’t I find these options outside the theme editor?

That’s not a question any of us can answer since you’re using a commercial theme — and we have no way of installing the theme to check (other than purchasing it, which, I’m sure you’ll understand, isn’t going to happen).

It’s even entirely possible that someone dropped the player code directly into one of the theme’s template files. But, again, we have no way of knowing this.

This is why support for commercial themes and plugins is not allowed here per the community guidelines.