How to add a custom image to panel (skin)

Style your desktop
Forum rules
Before you post read how to get help. Topics in this forum are automatically closed 6 months after creation.
Locked
linuxNoobman11
Level 1
Level 1
Posts: 3
Joined: Sat Apr 24, 2021 11:35 am

How to add a custom image to panel (skin)

Post by linuxNoobman11 »

Helo guys whats up. I recently start geting into Linux mint. However I was wondering if there is a way to add a custom image or skin to the panel background (taskbar). I try to look up but all i can find is how to change the colors of the panel in CSS file. Is it posible to add a custom image (SVG, PNG) skin as the panel background?? Or is the panel background hardcoded?? DE is Cinnamon.
Last edited by LockBot on Wed Dec 28, 2022 7:16 am, edited 2 times in total.
Reason: Topic automatically closed 6 months after creation. New replies are no longer allowed.
User avatar
manyroads
Level 5
Level 5
Posts: 586
Joined: Wed Mar 30, 2011 11:14 am
Location: just around the corner
Contact:

Re: How to add a custom image to panel (skin)

Post by manyroads »

I do not use Cinnamon but would start with the below if it were me wanting to tweak things. Hopefully you have spent time reading documentation on Cinnamon use. Here are some obvious 'candidates':
https://linuxmint.com/documentation/use ... h_18.0.pdf
https://www.lifewire.com/customize-cinn ... nt-2202086
https://cinnamon-spices.linuxmint.com/applets/popular
Pax vobiscum,
...mark
SwayWM, i3wm, bspwm, hlwm, dwm
Professional Genealogist & Technologist
(http://eirenicon.org & http://many-roads.com)
linuxNoobman11
Level 1
Level 1
Posts: 3
Joined: Sat Apr 24, 2021 11:35 am

Re: How to add a custom image to panel (skin)

Post by linuxNoobman11 »

THANK YOU !!
User avatar
manyroads
Level 5
Level 5
Posts: 586
Joined: Wed Mar 30, 2011 11:14 am
Location: just around the corner
Contact:

Re: How to add a custom image to panel (skin)

Post by manyroads »

You're welcome. Glad it helped. :D
Pax vobiscum,
...mark
SwayWM, i3wm, bspwm, hlwm, dwm
Professional Genealogist & Technologist
(http://eirenicon.org & http://many-roads.com)
linuxNoobman11
Level 1
Level 1
Posts: 3
Joined: Sat Apr 24, 2021 11:35 am

Re: How to add a custom image to panel (skin)

Post by linuxNoobman11 »

OK UPDATE I FINALY FIGURE OUT HOW TO DO IT. I read into abit of CSS programing and turns out there is function called background-image that paints a image onto a element. The theme i choose to edit was Mint-X. In folder for your theme go into cinnamon.css , locate the section where it say ".panel-top, .panel-bottom {". This section codes for the colors on the panel (taskbar). delete the lines that code for the color/gradient. then add:

background-image: url(" [image path] ");

The image can be stored in a subfolder in the theme folder. It work for PNG and Jpeg too. Maek sure the image Fit the width of the screen and the panel height. By default height is 40 px.
Locked

Return to “Themes, Icons & Wallpaper”