Xfce Forum

Sub domains
 

You are not logged in.

#1 2017-02-11 18:35:03

Hacksaurus_Babu
Member
Registered: 2017-02-11
Posts: 11

How to adjust icon size on panel? [SOLVED]

Hey I figured out a way to change my icon size on the panel with the help of ToZ! Which is editing my gtk.css
But I can't seem to adjust it so it will be the same size of the audio one... It always seems to be rounding and makes it really big...

My gtk.css

pulseaudio-button { padding: 2px 2px; }
#xfce4-power-manager-plugin { padding: 2px 2px; }

I want the battery icon to be the same size of the audio one... using cm as a measurement sometimes rounds really weirdly.
hn1IB0CY.png
Thanks for any help!

Last edited by Hacksaurus_Babu (2017-02-13 03:19:49)


Glory to Arstotzka!

Offline

#2 2017-02-11 18:45:55

ToZ
Moderator
From: Toronto, Canada
Registered: 2011-06-02
Posts: 3,516

Re: How to adjust icon size on panel? [SOLVED]

They look the same size to me. Where are you seeing that they are not?


How To Ask For Help           Xfce FAQ                            Xfce Release Information
The Xfce Community          Xfce Tips and Tricks

Offline

#3 2017-02-11 18:49:26

Hacksaurus_Babu
Member
Registered: 2017-02-11
Posts: 11

Re: How to adjust icon size on panel? [SOLVED]

Well I just want it to be a little bit bigger so that the top of the battery icon matches to the top of the audio and also the bottom of the battery icon matches with the bottom of the audio. Its just me being picky! XD


Glory to Arstotzka!

Offline

#4 2017-02-11 19:00:54

ToZ
Moderator
From: Toronto, Canada
Registered: 2011-06-02
Posts: 3,516

Re: How to adjust icon size on panel? [SOLVED]

You might not be able to get it exact without editing the icon files. You said you tried cm measurement units. Have you tried the others to see if they are more precise? See: https://www.tutorialspoint.com/css/css_ … _units.htm.

Also, to properly identify the pulseaudio widget in the css file, you need to prefix it with a '#':

#pulseaudio-button { padding: 2px 2px; }
#xfce4-power-manager-plugin { padding: 2px 2px; }

How To Ask For Help           Xfce FAQ                            Xfce Release Information
The Xfce Community          Xfce Tips and Tricks

Offline

#5 2017-02-11 19:02:56

Hacksaurus_Babu
Member
Registered: 2017-02-11
Posts: 11

Re: How to adjust icon size on panel? [SOLVED]

ToZ Ok I'll try that tutorial! And yes, I accidentally forgot to include the "#" when copy pasting!


Glory to Arstotzka!

Offline

#6 2017-02-12 00:26:25

Hacksaurus_Babu
Member
Registered: 2017-02-11
Posts: 11

Re: How to adjust icon size on panel? [SOLVED]

No dice... I think HTML css will work... Isn't there a special GTK css?


Glory to Arstotzka!

Offline

#7 2017-02-12 01:26:26

ToZ
Moderator
From: Toronto, Canada
Registered: 2011-06-02
Posts: 3,516

Re: How to adjust icon size on panel? [SOLVED]

As far as I know, GTK3 uses the same measurements. See: https://developer.gnome.org/gtk3/stable … rties.html.


How To Ask For Help           Xfce FAQ                            Xfce Release Information
The Xfce Community          Xfce Tips and Tricks

Offline

#8 2017-02-12 02:47:26

Hacksaurus_Babu
Member
Registered: 2017-02-11
Posts: 11

Re: How to adjust icon size on panel? [SOLVED]

Hmm.... Is there anything about rounding of measurements, because I think thats happening to me...


Glory to Arstotzka!

Offline

#9 2017-02-12 10:57:49

ToZ
Moderator
From: Toronto, Canada
Registered: 2011-06-02
Posts: 3,516

Re: How to adjust icon size on panel? [SOLVED]

Which distro are you using again? And more importantly, which version of GTK3?


How To Ask For Help           Xfce FAQ                            Xfce Release Information
The Xfce Community          Xfce Tips and Tricks

Offline

#10 2017-02-13 03:00:03

Hacksaurus_Babu
Member
Registered: 2017-02-11
Posts: 11

Re: How to adjust icon size on panel? [SOLVED]

I am using Arch and how exactly do I search up my version of GTK?


Glory to Arstotzka!

Offline

#11 2017-02-13 03:19:27

Hacksaurus_Babu
Member
Registered: 2017-02-11
Posts: 11

Re: How to adjust icon size on panel? [SOLVED]

Actually ToZ, because xfce4-volumed-pulse worked for me I don't have to use xfce4-pulseaudio-plugin... So I just have my battery plugin... So I don't have to worry about making the size perfect! 2 birds in one stone!

Marking as SOLVED


Glory to Arstotzka!

Offline

#12 2017-04-14 04:47:17

ShraddhaKapoor
Member
Registered: 2017-04-14
Posts: 1

Re: How to adjust icon size on panel? [SOLVED]

CSS stands for Cascading Style Sheets. CSS was invited by Hakon Wium Lie on October 10, 1994 and maintained through a group of people within the W3C called the CSS Working Group. The CSS Working Group creates documents called specifications. When a specification has been discussed and officially ratified by W3C members, it becomes a recommendation. css tutorials pdf CSS is used to define styles for your web pages, including the design, layout and variations in display for different devices and screen sizes. CSS describes how HTML elements are to be displayed on screen, paper, or in other media. CSS is easy to learn and understand but it provides powerful control over the presentation of an HTML document. Most commonly, CSS is combined with the markup languages HTML or XHTML.

CSS files are termed “cascading” stylesheets because of two reasons: one stylesheet can cascade, or have influence over, multiple pages. Similarly, many CSS files can define a single page. We can apply CSS in 3 ways such as Internal CSS, Inline CSS and External CSS.

CSS is designed primarily to enable the separation of document content from document presentation, including aspects such as the layout, colors, and fonts. This separation can improve content accessibility, provide more flexibility and control in the specification of presentation characteristics, enable multiple HTML pages to share formatting by specifying the relevant CSS in a separate .css file, and reduce complexity and repetition in the structural content. Separation of formatting and content makes it possible to present the same markup page in different styles. https://en.wikipedia.org/wiki/Cascading_Style_Sheets

Offline

#13 2017-04-14 04:48:55

Hacksaurus_Babu
Member
Registered: 2017-02-11
Posts: 11

Re: How to adjust icon size on panel? [SOLVED]

This is does not really answer my question, and anyways I already solved this question. But thank you for the information!


Glory to Arstotzka!

Offline

Board footer

Powered by FluxBB