Xfce Forum

Sub domains
 

You are not logged in.

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

Deleted5
Member
Registered: 2017-02-11
Posts: 21

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 Deleted5 (2017-02-13 03:19:49)

Offline

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

ToZ
Administrator
From: Canada
Registered: 2011-06-02
Posts: 10,949

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

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


Please remember to mark your thread [SOLVED] to make it easier for others to find
--- How To Ask For Help | FAQ | Developer Wiki  |  Community | Contribute ---

Offline

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

Deleted5
Member
Registered: 2017-02-11
Posts: 21

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

Offline

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

ToZ
Administrator
From: Canada
Registered: 2011-06-02
Posts: 10,949

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

Please remember to mark your thread [SOLVED] to make it easier for others to find
--- How To Ask For Help | FAQ | Developer Wiki  |  Community | Contribute ---

Offline

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

Deleted5
Member
Registered: 2017-02-11
Posts: 21

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!

Offline

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

Deleted5
Member
Registered: 2017-02-11
Posts: 21

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

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

Offline

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

ToZ
Administrator
From: Canada
Registered: 2011-06-02
Posts: 10,949

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.


Please remember to mark your thread [SOLVED] to make it easier for others to find
--- How To Ask For Help | FAQ | Developer Wiki  |  Community | Contribute ---

Offline

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

Deleted5
Member
Registered: 2017-02-11
Posts: 21

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

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

Offline

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

ToZ
Administrator
From: Canada
Registered: 2011-06-02
Posts: 10,949

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

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


Please remember to mark your thread [SOLVED] to make it easier for others to find
--- How To Ask For Help | FAQ | Developer Wiki  |  Community | Contribute ---

Offline

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

Deleted5
Member
Registered: 2017-02-11
Posts: 21

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

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

Offline

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

Deleted5
Member
Registered: 2017-02-11
Posts: 21

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

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

Deleted5
Member
Registered: 2017-02-11
Posts: 21

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!

Offline

Board footer

Powered by FluxBB