Questions tagged [css]
Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation semantics (the look and formatting) of a document written in a markup language. Questions regarding CSS are off topic here.
419
questions
0
votes
0
answers
5
views
Added multiple popup window
Currently I want to add multiple modal boxes. First try I make one only using this method https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_modal2, it worked. But when I want to double it ...
0
votes
1
answer
73
views
How to remove "Set Image as Desktop Background" and other annoying options from Firefox context menu?
I just want to get rid of some Firefox context menu, such as:
"set as desktop background"
"email image"
"bookmark link"
Now in Firefox, addons cannot change context menu.
...
- 290
0
votes
0
answers
30
views
How can I force Firefox to load stylesheets mis-reported as "text/html"?
I'm visiting a website whose stylesheets have reported MIME type text/html rather than "text/css". Otherwise, they're just fine. I can't control the webserver or fix this problem - but I ...
- 8,447
0
votes
0
answers
17
views
How to customize fonts in Chrome by Unicode block (or even Unicode character)?
On its default, Chrome chooses which fonts to use on its own and utterly ignores the fact the user has installed fonts that would support much more characters. For example, it ignores all CJKV ...
- 81
2
votes
3
answers
168
views
HTML email: cannot increase width
In Thunderbird, plaintext emails are displayed normally: when I open the email in a separate window, and increase the window size, the text fills the whole width.
All HTML emails have fixed width, and ...
- 29
0
votes
1
answer
40
views
Override inline CSS using Microsoft Edge
I want to override styles on a web page using Edge developer tools.
For regular files one can choose a source file, add to the Edge override, modify the local file and the override works as expected.
...
- 126
0
votes
1
answer
37
views
How to set CanvasText color in Windows to properly reflect in web browsers (Firefox, Chrome, Edge)?
Modern web browsers (Mozilla Firefox, Google Chrome, Microsoft Edge, et al.) can be configured to use colours (colors) set by the operating system. They do this by using named colours such as ...
0
votes
0
answers
9
views
Repositioning IME candidate window in Anki
I use a flash card program called Anki to study Japanese on macOS. Anki defines card style and positioning with HTML/CSS. Currently, the IME candidate window is overlapping with text fields, which ...
0
votes
1
answer
207
views
Manipulate 'font-family' via user script
I would like to restrict the set of fonts available in web browser (chrome on GNU/Linux in my case) to monospace, serif and sans-serif only. The first step was to install the browser extension «uBlock ...
- 135
1
vote
1
answer
122
views
Firefox 106.0.3 ignoring `#fullscr-toggler { display:none!important; }` in `userChrome.css`?
I'm trying to use the Jupyter lab web interface on a smaller screen; I need the browser to be full-screen for it to be useable. Jupyter Lab uses its own HTLM-rendered menu at the top of the page. ...
- 153
0
votes
1
answer
272
views
How to combine css and js files easily
For better maintenance I split my css and js files into many modules. However, when testing the site with https://search.google.com/test/mobile-friendly - Google is unable to load all files somehow. ...
- 349
0
votes
0
answers
9
views
adjust automatically items' HEIGHT in a flex container
Here's my code:
<div class="flex justify-center text-center">
<figure>
<figcaption id=image1><div>blablabla</div></figcaption>
<img src="here&...
0
votes
0
answers
4
views
having a container floating (text on its left) on the right, with pictures in a column, all of the same width
I managed to produce in css all of these properties... But individually, never together.
I want a container in which the elements would stick together, with the same ratio etc order and position etc.
...
0
votes
0
answers
8
views
how to get a base font size on my screen for my site, scales up to higher resolutions to get the same VISUALS?
My site looks like that (base font size = 17px) on my screen of 1366x768 resolution:
[picture of my screen][1]
[1]: https://i.stack.imgur.com/eAy16.jpg
I need to make sure people who open their screen,...
2
votes
1
answer
447
views
Texts without sub-pixel rendering in Firefox and its variants (Librewolf, Tor, etc) look blurry in LCD monitors
This problem occurs for tabs font as well as font in Library manager:
Can you test and confirm it? Is there any solution? Can I force enable sub-pixel rendering?
Things I tried before:
disabling ...
- 35
0
votes
1
answer
82
views
Is it possible to enforce CSS1 in browsers?
I was recently surprised to learn that CSS2+ is Turing complete, and hence it is potentially dangerous, from the information security standpoint, to open websites containing CSS. That being said, if a ...
- 143
0
votes
1
answer
257
views
How to hide native tabs in Firefox 100.0; existing answers are out of date?
There are multiple questions of this (of which, this seems to be the parent) but they are all out of date.
I set toolkit.legacyUserProfileCustomizations.stylesheets to True and tried this text in ...
- 101
1
vote
0
answers
247
views
Where are UserChrome.css parameters like editBMPanel_locationRow documented? [closed]
I want to use UserChrome.css to remove the 'Keyword' and 'Tags' fields from the 'Edit Bookmark' menu. I imagine that I need a parameter like editBMPanel_locationRow. Where are these documented?
- 136
1
vote
1
answer
158
views
Why are these two userChrome.css files incompatible?
This userChrome.css does what I want it to. In particular, it makes me able to edit bookmark URLs from the blue star menu.
/* userChrome.css */
@namespace xul "http://www.mozilla.org/keymaster/...
- 136
0
votes
1
answer
729
views
Browsers ignoring CSS?
I have this in a CSS file:
p {
margin: 50;
font-family: 'Lucida Grande', Verdana, sans-serif;
font-size: 50px;
}
On MacOS, Safari honored the margin but ignored font-family and font-size. ...
- 715
0
votes
0
answers
1k
views
wkhtmltopdf and CSS variables
I'm using wkhtmltopdf 0.12.6 to generate PDFs from HTML.
But even that version pretty recent doesn't seem to support CSS variables.
.pdf { color:#123; }
works, but
:root { --mycolor:#123; }
...
.pdf {...
- 635
0
votes
0
answers
38
views
Is it possible to copy CSS line number in Firefox?
It is really annoying to remember and type in line numbers of CSS rules, maybe there is some way to navigate quickly to the right line directly in my IDE? I can't believe nobody has an issue like this....
- 182
0
votes
0
answers
143
views
Resolve symbolic link to local CSS file
I am viewing some webpages I have generated on my local computer. I have a file called "style.css" in each directly which is symbolically linked to a global CSS file (Windows 10 - I use the ...
- 834
1
vote
1
answer
375
views
change color of bookmark bar in Firefox 91
I have changed the color of the top "tool bar" in userChrome.css:
#nav-bar {
background-color: #1f3f7c !important;
color: white !important;
}
/* Bookmark bar color */
#main-window #...
- 29
1
vote
1
answer
232
views
Backup / Restore Notepad++ themes
So, I've created my own colors on a theme in Notepad++ on HTML, CSS, JAVASCRIPT etc.. (DarkModeDefault).
I wonder, is it possible to backup the whole theme on the desktop and after restore it, because ...
- 113
0
votes
2
answers
519
views
How can I change Thunderbird's quoted text color?
I did this years ago and it was not hard, but for the life of me, I cannot figure out now how I changed the color of the "reply" quoted text when I reply. I don't know if it was in a .css ...
- 161
1
vote
1
answer
770
views
Remove Youtube preview animation on mouse over on youtube.com
Browsing youtube.com is getting difficult for me as the mouse always triggers some animation somewhere. Is there a way to switch of youtubes mouse-over video "autoplay" feature on their ...
- 121
0
votes
1
answer
26
views
Is it considered API if I have css attributes called through javascript? [closed]
I am making a website for a school project, I don't know exactly what API is but from what little I know, is that it is the integration of multiple sources to give the user an outcome?
If that is the ...
1
vote
0
answers
55
views
Youtube's 8px wide scrollbars on desktop, I'd like to have them normal width
My question is about the Youtube website on desktop chrome, and how google have modified the scrollbars width to a nearly unusable level, namely 8 pixels wide.
In this question, a reply provided by ...
- 11
2
votes
1
answer
200
views
Firefox: modify bookmark dialog
When I want to add a bookmark in Firefox, I click on the star icon in the URL bar (bookmark this page), which brings up this pathetic bookmark window:
The window is extremely small, which makes ...
- 29
0
votes
0
answers
35
views
Possible to listen for Video end and editing url with javascript?
So, i want a Autoplay-like script, that listens for a video that ends, and when it ends, it rises the last Number from the Url one up like x = x + 1 or x+= 1. Im not quite in to Javascript, more into ...
1
vote
1
answer
170
views
Edit bookmark URL from the Edit bookmark menu?
In the menu that is opened by clicking on the blue star icon that appears near your URL bar when you have a page bookmarked, there is no option to edit the URL of said bookmark. This is annoying when ...
- 136
0
votes
1
answer
3k
views
I can access the css-file but the website is still not applying the classes
Folder-Tree:
example.com/css/style.css
example.com/index.html
HTML Head:
<!DOCTYPE html>
<html lang="de-DE">
<head>
<meta charset="UTF-8">
<link rel=&...
- 367
1
vote
0
answers
2k
views
Rounded corners on a gtk window
I'm trying to get rounded corners on every corner of a window.
How can I achieve that?
I tried to change my gtk.css in ~/.config/gtk-3.0/gtk.css and I'm getting rounded corners without transparency.
...
- 111
1
vote
1
answer
140
views
Firefox ignores layout.css.text-decoration-skip-ink.enabled=false setting
Since today, my Firefox browser decided to start ignoring the aforementioned about:config setting which removes the horrible "new" & "stylish" underline look.
In other words: ...
- 13
0
votes
1
answer
33
views
Disable all clickable elements in Firefox
(Windows)
Is this possible?
To be more precise; imagine a screenshot of the entire webpage; you can scroll through it, but since it's just a screenshot, you can't interact with it. It's just visuals.
...
- 101
0
votes
1
answer
402
views
Stylus / User Javascript & CSS or similar browser extensions
I have both Stylus and User Javascript & CSS extensions in Chrome. An Iframe container than I re-styled no longer obeys the styling which has remained unchanged in both extensions. It had worked ...
- 141
1
vote
1
answer
993
views
How to avoid big blinking cursor in the beginning and end of HTML table?
I have observed that when viewing HTML tables in Google Chrome, when we click in the beginning or end of the table (left-most or right-most), a big blinking cursor is shown next to it. How to avoid ...
- 343
2
votes
1
answer
6k
views
Make VSCode Default Editor For Files In FileZilla
A very frustrating issue that I've tried to fix many times.
I'm trying to open a file from FileZilla directly in VSCode, so that when I save the file in Code, the changes are automatically updated via ...
- 189
0
votes
1
answer
2k
views
Bootstrap 4: How to include a background image without CSS
Bootstrap defines CSS classes to cover most common website design elements, but I can't figure out how to specify a background image file using Bootstrap classes without adding clunky customized CSS.
- 234
3
votes
2
answers
1k
views
Firefox 78: change bookmark bar color in userChrome.css
I have this in my userChrome.css:
#main-window #PersonalToolbar {
background-color: green !important;
color: white !important;
}
After upgrade from Firefox 68.x to 78.3, this no longer has ...
- 29
1
vote
1
answer
82
views
Search for colors
I'm looking for a way to find all CSS colors (HEX) in a directory recursively, I don't know the colors i'll be looking for so I want a way using notepad++ or any linux command to find strings that ...
user929686
1
vote
1
answer
870
views
Website failed to load CSS and javascript
Website not displaying properly,on checking the network in inspect element i got more than 90 errors like:
Failed to load resource: net::ERR_CERT_DATE_INVALID
prettify.js:1 Failed to load resource: ...
0
votes
1
answer
470
views
Customizing Firefox's built-in PDF.js with CSS
I'm running Firefox 77 on Windows. I use Firefox's built in PDF.js viewer as my default. However, I would like to make a modification to the CSS for the viewer (specifically, I'd like to change the
....
- 111
0
votes
1
answer
800
views
Is it possible to copy text from a webpage and retain the fonts in the CSS? [duplicate]
When a user copies the text he/she is not able to copy it with font and style.
font and style is not added to the text copied on clipboard.
<div class="box"> <p class="textstyle" id="...
0
votes
1
answer
731
views
Firefox: Prevent middle-click on tab-bar from creating new tab
In Firefox v. 76, how can one prevent a middle=mouse click on the tab bar from opening a new, empty, tab? In older versions, though there was no about:config entry to control that behavior, it was ...
- 24.3k
1
vote
1
answer
897
views
Firefox Quantum and NewTab thumbnails
I'm trying to change thumbnails of Top Sites on the NewTab page of Firefox 68, because it shows favicons on some tiles and sites' screenshots on other tiles, this looks non uniform. As I understand, ...
- 141
3
votes
1
answer
3k
views
uBlock - create filter based on pattern of an attribute such as div[data-link.contains()]
I would like to hide news links to rt.com from duckduckgo. I can create a filter for a particular link, like
duckduckgo.com##div[data-link="https://www.rt.com/news/487829-germany-gru-warrant-hacker/"]...
user281318
0
votes
1
answer
31
views
Desire to print out my entire website's HTML/CSS
I recently migrated a website from one hosting company to another and changed the domain name at the same time (they did it all). It's up and running but with lots of bad links - I'm on my own now and ...
3
votes
2
answers
2k
views
How do I prevent the browser (JavaScript and CSS) from disabling text selection on web pages without disabling all JavaScript?
Some websites insist on ruining usability and accessibility by disabling the ability to select text on the page. Sites can do this via CSS or JavaScript (example page).
Is there some way that this ...
- 732