CSS for Custom Logo

[azrael293 0]

Hi All,

I know there are a few threads in here for custom logo CSS, however everything listed in them seems to be outdated or not working.

Does anyone know the current CSS that will work, as well as any changes I may need to make if I am using the Dark Theme?

I am currently using this code:
background-image:url(insert my URL here)!important}

To change this:

with this:

[Happy2Play 9351]

8 hours ago, azrael293 said:

Does anyone know the current CSS that will work

Really need to be specific on what does not work.

 

With images I have a custom folder I copy into /system/dashboard-ui with every server update.  So all my custom css works with local images.

h2.pageTitleWithDefaultLogo {
    background-image: url(/web/Custom_Images/customlogo.png);
}

Or go to \system\dashboard-ui\modules\themes and replace the logowhite.png image.  But your method will work also.

As for themes I guess you can cheat and copy the dark theme to the light theme or to all other themes in the folder listed above.

Or lots of !important code to override the light code being applied for non-premiere.

 

 

[azrael293 0]

Hi @Happy2Playsorry if I was not being specific in my ask.

The image does not show at all on the web app or any other variant I use. I replaced the image for both logowhite and logodark, plus tried the CSS I provided.

I will try using your method to see if it will work and let you know.

Thank you!

[Happy2Play 9351]

Remember custom css will only work on the Web client no other device client or online client.

 

May have to clear browser cache in some instances.

Edited October 29, 2024 by Happy2Play

[azrael293 0]

Thanks for suggesting the cache clear @Happy2Play

I was able to get it to show using the code you advised when on the light theme, but it reverts if I try switching back to the Black theme. I tried copying the CSS and Jason from the Black theme to light theme and it didn't do anything. Even after restarting the server and clearing cache again.

Also to note I do have Premiere. Not sure if that changes anything.

[Happy2Play 9351]

2 minutes ago, azrael293 said:

Thanks for suggesting the cache clear @Happy2Play

I was able to get it to show using the code you advised when on the light theme, but it reverts if I try switching back to the Black theme. I tried copying the CSS and Jason from the Black theme to light theme and it didn't do anything. Even after restarting the server and clearing cache again.

Also to note I do have Premiere. Not sure if that changes anything.

I had no issue copying the theme from one folder to all the rest and it apply no matter the theme I chose as the same code resided in every folder.  

[tsaoyuan 1]

On 29/10/2024 at 09:23, azrael293 said:

Thanks for suggesting the cache clear @Happy2Play

I was able to get it to show using the code you advised when on the light theme, but it reverts if I try switching back to the Black theme. I tried copying the CSS and Jason from the Black theme to light theme and it didn't do anything. Even after restarting the server and clearing cache again.

Also to note I do have Premiere. Not sure if that changes anything.

Hi, I have the exactly same issue with you. Have you solved this problem yet?

[azrael293 0]

@tsaoyuanNo, I still haven't gotten it to work on other themes as I wanted, so I kind of gave up. Not the end of the world for me

Edited December 21, 2024 by azrael293
Added user as quote didn't take

[Happy2Play 9351]

7 hours ago, tsaoyuan said:

Hi, I have the exactly same issue with you. Have you solved this problem yet?

What method are you using as the local image way I provided works, but you can use a hosted image also or replace the currently used images in the logowhite/logodark

As it does not matter the theme I choose as I replaced the default images.  But in theory one would want to create a light and dark themed logo.

[azrael293 0]

13 minutes ago, Happy2Play said:

What method are you using as the local image way I provided works, but you can use a hosted image also or replace the currently used images in the logowhite/logodark

As it does not matter the theme I choose as I replaced the default images.  But in theory one would want to create a light and dark themed logo.

I tried the method you provided, and replaced all images in every theme folder and it still would not sync and show the logo on anything but the white theme. I only use the dark theme currently, which is what I wanted it on, so I just gave up

[tsaoyuan 1]

21 hours ago, Happy2Play said:

What method are you using as the local image way I provided works, but you can use a hosted image also or replace the currently used images in the logowhite/logodark

As it does not matter the theme I choose as I replaced the default images.  But in theory one would want to create a light and dark themed logo.

I thought it might be Edge's cache at fault. I used another browser and found that it actually worked. Then, I disabled Edge's cache, and now it works as well.

Edited December 22, 2024 by tsaoyuan
clearify