How to add a custom image to panel (skin)
Forum rules
Before you post read how to get help. Topics in this forum are automatically closed 6 months after creation.
Before you post read how to get help. Topics in this forum are automatically closed 6 months after creation.
-
- Level 1
- Posts: 3
- Joined: Sat Apr 24, 2021 11:35 am
How to add a custom image to panel (skin)
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.
Reason: Topic automatically closed 6 months after creation. New replies are no longer allowed.
- manyroads
- 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)
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
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)
...mark
SwayWM, i3wm, bspwm, hlwm, dwm
Professional Genealogist & Technologist
(http://eirenicon.org & http://many-roads.com)
-
- Level 1
- Posts: 3
- Joined: Sat Apr 24, 2021 11:35 am
Re: How to add a custom image to panel (skin)
THANK YOU !!
- manyroads
- 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)
You're welcome. Glad it helped.
Pax vobiscum,
...mark
SwayWM, i3wm, bspwm, hlwm, dwm
Professional Genealogist & Technologist
(http://eirenicon.org & http://many-roads.com)
...mark
SwayWM, i3wm, bspwm, hlwm, dwm
Professional Genealogist & Technologist
(http://eirenicon.org & http://many-roads.com)
-
- Level 1
- Posts: 3
- Joined: Sat Apr 24, 2021 11:35 am
Re: How to add a custom image to panel (skin)
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.
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.