Jump to content

Does anyone know how to modify this CSS?


AnSniper
Go to solution Solved by Killface69,

Recommended Posts

AnSniper

 

I am using Emby Table Style v2.8, but the logo on the playback interface is in the bottom left corner, which will block the subtitles.

Is there a way to transfer the logo and return button to the upper left corner?

The bottom left corner can display the title and title of the episode

QQ20231128223111.jpg.a3ea8ab99925f4d38ac864270ecf65c1.jpg

Emby-Stable-style-v2.8.css

Link to comment
Share on other sites

  • Solution
Killface69

It's a big CSS file with lots of properties ...

Go to line 563 - .skinHeader.focuscontainer-x.headroom.videoOsdHeader.semiTransparent:not(.videoOsdHeader-remotecontrol)

I've managed to destroy my default css by modifying
top: unset !important;
bottom: 90px;

Getting rid of those lines should do the trick.

For testing purpose, press F12 in your browser. Here you can live preview your edits. Also look for 'Sources' and 'Overrides' so you can edit your css in a local editor with live preview after saving.

  • Thanks 1
Link to comment
Share on other sites

AnSniper
On 12/6/2023 at 2:29 AM, Killface69 said:

top: unset !important;
bottom: 90px;

I will base it at 90px; Modified to -90px, now the logo appears perfectly in the upper left corner. Thank you!

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...