How to adjust icon size on panel? [SOLVED]

Deleted5 · 2017-02-11 18:35:03

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.

Thanks for any help!

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

ToZ · 2017-02-11 18:45:55

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

Deleted5 · 2017-02-11 18:49:26

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

ToZ · 2017-02-11 19:00:54

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; }

Deleted5 · 2017-02-11 19:02:56

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

Deleted5 · 2017-02-12 00:26:25

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

ToZ · 2017-02-12 01:26:26

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

Deleted5 · 2017-02-12 02:47:26

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

ToZ · 2017-02-12 10:57:49

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

Deleted5 · 2017-02-13 03:00:03

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

Deleted5 · 2017-02-13 03:19:27

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

ShraddhaKapoor · 2017-04-14 04:47:17

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

Deleted5 · 2017-04-14 04:48:55

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

Xfce Forum

Sub domains

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

How to adjust icon size on panel? [SOLVED]

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Board footer