Questions tagged [css]

Cascading Style Sheets (CSS) is a style sheet language

Filter by
Sorted by
Tagged with
1
vote
0answers
13 views

Adjusting gap between time and date on 18.04 lock screen

I would like to move the time and date lines closer on the lock screen, but I couldn't find a right parameter to use. I attached the relevant part of my /usr/share/gnome-shell/theme/gdm3.css for your ...
1
vote
0answers
38 views

Gnome-flashback and 4k display

I am using gnome-flashback with 4k display and 200% scaling. It works fine but some of the icons are too small (e. g. in window button list and one of the notification panels), and also there is too ...
0
votes
0answers
24 views

Geany compilation error

What is this error about: /bin/sh 1: tidy: not found when I compile the HTML file this error shows up in the compiler window. Html file works, but I'm afraid that this may create problem, so please ...
0
votes
0answers
8 views

Unable to access Ubuntu.css in Gedit via command line [duplicate]

I was trying to open ubuntu.css from command line in gedit and got this error. It shows error about GVfs metadata. I am new to Ubuntu and Don't know anything about why is this happening?
0
votes
0answers
31 views

I am new to GTK3 CSS. Is there a way to have different headerbar textures for specific applications?

I am attempting to modify a theme named "Poppy OS X" to recreate Mac OS X Mountain Lion. I am trying to get custom textures on the headerbar of certain windows (Leather textures on Notes, ...
0
votes
0answers
34 views

Disable GUI login buttons

How to hide or disable the buttons (Next, Sign in..) used by the user in the Login Screen? Or just make GUI login unavailable until reboot? Or is it a way to prompt message to a user without the use ...
1
vote
1answer
62 views

Class of CSS element of the background color of wifi selection box in gnome-shell

I want to change the background color of the wifi selection box in gnome. However, I don't know which CSS is responsible for the same. Can anybody help me?
5
votes
1answer
144 views

mate-panel clock applet non monospace font causes wiggling in notification area

I'm running Ubuntu 20.04 mate desktop. I am customizing the mate-panel. I wanted to use the following digital font and I added the following style to ~/.config/gtk-3.0/gtk.css #clock-applet-button....
0
votes
0answers
85 views

Expand scrollbar firefox lubuntu

In Lubuntu 20.04 I have very thinly scrollbar in firefox. cat .config/gtk-3.0/gtk.css scrollbar, scrollbar button, scrollbar slider { -GtkScrollbar-has-backward-stepper: true; -GtkScrollbar-...
0
votes
1answer
89 views

photoshop alternative for front end developers on ubuntu

i am a front end developer and i just installed Ubuntu is there a Photoshop alternative for Ubuntu that has the CSS code feature that i can copy the css code right from the .PSD and i also need to ...
4
votes
1answer
778 views

Editing Yaru Gtk theme: where is resource:///com/ubuntu/themes/Yaru/3.20/gtk.css?

I'd like to edit the dark Yaru theme for Ubuntu 20.04 (specifically the bright orange color on highlighted/selected items). from other questions here I think I have to edit /usr/share/themes/Yaru/gtk-...
2
votes
1answer
944 views

I want to enable userChrome.css | I want to edit my my default appearance of Firefox UI

So I've just moved from Windows to Ubuntu 20.04 as my main driver. I had no issue finding my desired applications to run natively (tusk as Evernote client, Notion client, Mega cloud sync) so I had no ...
0
votes
0answers
24 views

How to code Scroll bars in Drop down menus in GRAV CMS

We have a problem with a g5_helium theme on Grav. The drop-down menus which appear when you hover over the navigation are very long for some of our menus. On short pages the bottom of the menu drops ...
0
votes
0answers
65 views

css custom properties (variables) in gnome-shell.css

I'm playing with modifying an existing gnome-shell theme. (I use a gnome-shell.css that just consists of an import of an existing gnome-shell.css followed by an import of a css file which contains ...
2
votes
1answer
1k views

CSS classes in gnome-shell for panel's menus background and slider

I would like to change the background of panel's menu (and make it transparent) and change the color of the slider (from purple to orange). I like the default Ubuntu shell theme, so I don't want to ...
32
votes
3answers
48k views

How do I change login screen theme or background in Ubuntu 20.04?

How can I change the Ubuntu 20.04 login screen theme or background? In the previous version 19.10, I can change it from the CSS file under Yaru theme but now there is no CSS file.
0
votes
1answer
282 views

Change login screens with Flat-Remix shell theme on Ubuntu 18.04

I'm on 18.04 installed 18.04 on a Dell E4310 with a 1TB SSD, and I'm trying to change that screen, but also the first login screen after reboot. I edited the /usr/share/gnome-shell/theme/ubuntu.css (...
0
votes
1answer
433 views

How to increase the spacing between items in the left sidebar of Nemo file manager?

I want to increase the spacing between the items in the left sidebar of the Nemo file manager. By default the spacing is less so, for me, the items looks cluttered. Is there a way to increase that ...
0
votes
1answer
613 views

Changing date and time position on the lock screen - Ubuntu 18.04

We are attempting to move the date and time of the lock screen. We've discovered Gnome uses a CSS file for the lock screen's configuration. The file is located in //usr/share/gnome-shell/theme/...
0
votes
1answer
61 views

Unable to change resolution after ubuntu.css edit (18.04)

I made a very silly mistake of editing my ubuntu.css file (/usr/share/gnome-shell/theme/ubuntu.css) without making a backup in the process of attempting to change the screen-lock/login wallpaper (...
0
votes
0answers
156 views

Make any application window title bar transparent in Ubuntu 18.04

How can I make application window bars transparent in Ubuntu 18.04? I've searched online but haven't found anything for this version.
0
votes
1answer
69 views

Looking for window resize color in ubuntu.css

I changed themes, but a few of the parts remained on ubuntu orange. Found a post directing me to ubuntu.css and was able to change most of my color concerns there, except the color that started it all,...
0
votes
1answer
154 views

Why image files don't appear in loginscreen but appear in the Unlockscreen?

I have a customized "mytheme.css" that used to be able to show the loginscreen and unlockscreen wallpapers or any other icons using the url command. Their paths used were specified relative to the "...
0
votes
0answers
200 views

Where does /etc/alternatives/gdm3.css pull its colors from?

I have been changing the /etc/alternatives/gdm3.css file to customize the colors of my desktop for a while now, but I believe it may be making my OS unstable. It even says on the top of the file "This ...
1
vote
0answers
95 views

Syntax to file path in css

I would like to type the following command in a css file. background: #2c001e url(file:///home/user/.local/share/backgrounds/mypic.jpg) However, I don't want to explicitly declare the user path /...
0
votes
0answers
407 views

How to create a circular framed-user-icon{} in unlock and login screen

According to this tutorial, I should be able to create a circle in CSS with: .dot { height: 25px; width: 25px; background-color: #bbb; border-radius: 50%; display: inline-block; } I ...
1
vote
1answer
3k views

Difference between gnome-shell.css and ubuntu.css, and what are they for?

In ~/.local/share/themes/MyCustomTheme/gnome-shell/gnome-shell.css, I had amended #lockDialogGroup{} to try to show an image in the GDM and made changes to /* Auth Dialogs & Screen Shield */ to ...
1
vote
1answer
862 views

Can '~/.local/share/gnome-shell/theme/ubuntu.css' have priority over '/usr/share/gnome-shell/theme/ubuntu.css'?

The ubuntu.css file is found in /usr/share/gnome-shell/theme/ubuntu.css. I would like to customise this file. Thereafter, should I replace the original with this customised file (I see this practise ...
9
votes
1answer
3k views

Help creating a new theme based on Adwaita?

I'd like to create a theme based on Adwaita. I discovered that Adwaita no longer uses *.css files: cat /usr/share/themes/Adwaita/gtk-3.0/gtk.css /* Adwaita is now part of GTK+ 3, this file is no ...
2
votes
2answers
1k views

Window Title Bars Differ in Height

I am delving a little into theming and css styling. It mostly works well, but I am having trouble with the styling of the title bars. They all accept well gradient, background color and such, but ...
0
votes
2answers
248 views

Can't grep price in downloaded webpage

Using wget I downloaded this webpage: With the command: RobWebsiteAddress="https://www.walmart.ca/en/ip/Dispenser-Set-Tumbler-Organizer-Bathroom-Bin-Holder-Bathroom-Containers-Soap-Set-Accessories-...
2
votes
1answer
140 views

The “Date” in Ubuntu 18.04 Lock Screen is not always center aligned. How to fix?

In Ubuntu 18.04, there appears to be an issue with the alignment of the shown "Date" in the locked screen, i.e. .screen-shield-clock-date{} in /usr/share/gnome-shell/theme/ubuntu.css. It sometimes ...
1
vote
0answers
168 views

Firefox 66 CSD css remove blank space

Wanted to move close,min,max buttons to left in firefox 66 Ubuntu. Found the code below that did the job. `@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); #...
2
votes
0answers
80 views

how to change nautilus action buttons background color

in Ubuntu 19.04 ,i have changed my headerbar(titlebar) background image But I still can't change background color of action button in nautilus or in terminal
0
votes
0answers
424 views

File to import not found or unreadable: normalize

$ sudo scss scss/custom.scss css/custom.css when i am trying to run scss command i am getting this error : Error: File to import not found or unreadable: normalize. on line 13 of base/...
1
vote
2answers
420 views

Ubuntu 18.10 doesn't have the GTK inspector and I just want a terminal border

gsettings set org.gtk.Settings.Debug enable-inspector-keybinding true doesn't work, as I don't have the Debug directory under Settings... I have managed to use the variable tho, and got this ( Not ...
1
vote
1answer
295 views

Change tooltip text color of Ubuntu Vimix theme

I am on Ubuntu Budgie 18.10 and trying to adjust the colors of the Vimix theme. Especially, I want to change the foreground and background (text) colors of the tooltip popups. Editing the GTK3 css ...
0
votes
2answers
990 views

How to theme gnome.shell calendar panel button

I was trying to change the theme of panel button : calendar And here is my attempt I need to make calendar looks like this, specifically how to alter the appearance of the first line or second line ...
4
votes
1answer
494 views

How do I increase padding in Gedit?

I would like to add some padding in the editing area in Gedit. Here is an illustration of the desired result: I have the intuition it should be easy to do with a trick similar to this one I already ...
-1
votes
1answer
901 views

How come ubuntu theming is encoded as CSS?

https://wiki.ubuntu.com/Unity/Theming Usually CSS is used on websites. Does ubuntu got an "CSS interpreter" running or something like that? And why was CSS choosed and not something else (I assume ...
5
votes
2answers
13k views

How to install node-sass on Ubuntu 18.04, and How to succesfully compile .scss file to css?

I have tried this answers but it didn't work. I am trying to compile files in my scss folder to regular css files but it's hanged in between. I installed node-sass from npm and it gives error as ...
3
votes
0answers
2k views

Modifying gnome-shell.css

I am running Ubuntu 17.10 and I am trying to personalize the Gnome Shell theme by modifying /usr/share/gnome-shell/theme/gnome-shell.css but have been finding it very slow going. There does not ...
0
votes
1answer
2k views

Trouble Linking index.html to css folder in 16.04 [closed]

I've built an Apache2 webserver in 16.04. Currently, my index.html is located in /var/www/html/index.html. I try to call some css using this line: <link rel="stylesheet" type="text/css" href="css/...
0
votes
0answers
2k views

How do I get rid of the GTK warnings generated by evince?

I use (L)ubuntu Zesty. If I call evince myfile.pdf, I get some warnings before the app comes up: (evince:11529): Gtk-WARNING **: Theme parsing error: gtk-widgets.css:23:18: not a number (evince:11529)...
1
vote
2answers
2k views

Change Desktop's font family

I can change filename's colors with that css file. (gtk.css) But I can't set the font or bold property, it is still default font and bold. How can I change font familiy or font weight? Thanks! - ( ...
0
votes
1answer
2k views

Installing “Emmet plug-in” in Sublime Text Editor

I am using Sublime Text code editor and I want to download one of the recommended plug-in for Sublime - Emmet for its ability to code HTML+CSS faster. Visit site for more information about Emmet.
2
votes
0answers
195 views

change the border radius of ubuntu launcher items

Possibly, I know what to edit, but I am not sure which file to edit to increase the border-radius of launcher items background. I am using Ubuntu 16.10; Ambience theme. Kindly help. Edit: I am ...
6
votes
1answer
4k views

gtk.css - How to add blurry background effect?

How to add blurry glass effect into the themes? (CSS3 supports gaussian blur with blur(1px); on many browsers) When I drop the opacity, I'm getting a result like this: But I want a blur effect like ...
0
votes
0answers
202 views

Chromium not loading CSS

It happens sometimes, on slow connections, that chromium-browser goes timeout while loading a webpage. Then, the page is shown without CSS. Afterwards, it is impossible to reload page with its CSS. ...
0
votes
1answer
322 views

Change active tab color in nautilus

I have the Ambiance-Dark theme installed on Ubuntu 14.04 and I'm not satisfied with the tab colors of Nautilus tabs. The active/inactive tab colors are pretty much identical, so it's very difficult to ...