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. Its most common application is to style web pages written in HTML and XHTML, but the language can also be applied to any kind of XML document, including plain XML, SVG and XUL.

Filter by
Sorted by
Tagged with
-2
votes
0answers
11 views

How can i make a border with CSS inside a square [closed]

The code looks like this: <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> * { box-sizing:...
0
votes
0answers
12 views

How can I disable CSS scrollbars before taking a screenshot in Firefox?

If I take a full-page screenshot of a Wikipedia page I get the whole page of text, including content that is not currently visible in the Firefox window. If I print the page to PDF, I also get all the ...
0
votes
1answer
12 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=&...
0
votes
0answers
16 views

How to keep three cards on the same line in bootstrap-5? [migrated]

I have a Django template for loop, which loops over the first three cards in the database. But they aren't staying on the same line. Only 2 of them are, but I want three cards on the same line. <...
0
votes
0answers
8 views

Display Total Average Percentage with or Beside Heading [migrated]

Im trying to display/show the Total Average in the heading (beside it) and not in the dataset table. I tried different methods but it wont show. (The last method I tried to work with is what in ...
0
votes
0answers
13 views

How can I find the CSS selector of an element with iOS Safari?

I use an ad blocker with iOS Safari that has the ability to also block specific elements based on CSS selectors. If I am near my Mac, I can connect it to my iOS device and use the web inspector ...
0
votes
0answers
44 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. ...
0
votes
0answers
10 views

Chrome DevTools - load a different stylesheet

I'm using a jquery plugin which has lots of themes, each with its own stylesheet, and I want to preview them all with my table. Instead of changing the stylesheet tag in the code, and reloading the ...
1
vote
1answer
28 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: ...
0
votes
1answer
21 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. ...
0
votes
1answer
18 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 ...
0
votes
0answers
5 views

How should it be frontend approach about inline CSS overriding in the future?

Today If we want to inline CSS override in the external page there is one solution: use !important But !important has many logical problems as you know. I'm dealing with it these days and I'm curious ...
1
vote
1answer
132 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 ...
0
votes
0answers
23 views

Trying to use css to solve a longstanding Chrome browser issue of briefly displaying page orientation options when printing then hiding it

I am trying to print a webpage in landscape orientation using the chrome browser. As you can see here: Chrome Print dialogue not offering fit to page, landscape, other printing options This is a long ...
1
vote
1answer
495 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 ...
0
votes
0answers
8 views

Display hidden group of SVG on hover on another group

I have created a svg map with markers and address boxed on such markers. <g id=marker> ... </g> // Marker <g id=address_box>...</g> // Adress Box then I have hidden the ...
0
votes
1answer
27 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.
0
votes
0answers
22 views

How to get rid of auto hyphens in MSWord Cross referenced “numerical” Captions?

I'm in the process of writing my thesis with illustration figures, there are potential edits that I could do in the future so I'm using the cross-reference feature in word to have everything automated....
0
votes
0answers
29 views

Firefox webpages display white background despite using Dark Reader and Shadowfox

I've installed and implemented Shadowfox, Stylus ("Global Dark Style" template) and set dark reader on but websites still display a white background. A perfect example is the mozilla help ...
3
votes
2answers
463 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 ...
0
votes
0answers
138 views

NGINX - Sites in LAN doesn't access folders

In a LAN, I installed a NGINX and the default file configuration is: server { listen 80; listen [::]:80; root /var/www; index index.html index.htm; ...
0
votes
0answers
35 views

Overflow behaviors differ in Chrome when rotating 90 degrees clockwise/counterclockwise

When rotating 90 degrees counterclockwise, horizontal scrollbar works fine. transform-origin: right top; top: 0px; left: -100vh; height: 100vw; width: 100vh; transform: rotate(270deg); position: ...
0
votes
0answers
14 views

Can we use special CSS codes in Nw.js for our web site?

I have a web site that have different themes made with only CSS for all browsers. (IE, Chrome, Firefox, etc...) And I created a desktop application made with Nw.js that connected to my website. Can I ...
1
vote
1answer
64 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 ...
0
votes
0answers
107 views

Auto hide/reveal Navbar + Tabbar when hovering on it (Firefox css)

Here is my userChrome.css so far: #navigator-toolbox::after { border-top: 0px !important; } :root:not([sizemode="maximized"]){ margin-top: -3px !important } #navigator-toolbox { ...
0
votes
1answer
226 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
0answers
93 views

How to hide Firefox status panel in full screen mode?

I have my userChrome.css set up to do two things, (1) hide the Firefox navigator header when in full screen mode, and (2) to hide the status panel at the bottom which shows "Waiting for X..." or "...
0
votes
1answer
102 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 ....
0
votes
1answer
78 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
1answer
96 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 ...
1
vote
1answer
634 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, ...
0
votes
1answer
107 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/"]...
0
votes
1answer
26 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 ...
2
votes
1answer
252 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 ...
0
votes
1answer
496 views

uBlock - block element with (almost) the same CSS/XPath?

On this page https://www.eventbrite.com/checkout-external?eid=97762112109 I would like to block the check box with the legend "Eventbrite can send me emails about the best events happening nearby." ...
0
votes
0answers
54 views

How to view Mozilla Firefox source code within Firefox without an internet connection?

When connected to the internet, Mozilla provides easy access to all source code for Firefox here: https://dxr.mozilla.org/mozilla-central/source/ When not connected to the internet, what internal URL'...
0
votes
1answer
59 views

How can I force native MathML on Wikipedia pages in Firefox's Reader view?

I've been using the Native MathML extension to make Wikipedia use MathML for its formulas. It worked fine, until I turned on the Firefox's Reader View (I'm using Firefox 67). In that mode, I selected ...
0
votes
2answers
49 views

How to increase spacing between the end of contents of a section and title of succeeding section

How do I increase the spacing between the ending contents of and the title of from a CSS file? For instance consider the following part of a dumb webpage. So for instance I would like to increase ...
-3
votes
1answer
106 views

How to make HTML css email in outlook 2016

So, my company uses outlook exchange and now I have to design a HTML Email so it will look like an official company mail with a header with company name/logo and a footer with some information and the ...
-1
votes
2answers
61 views

VS code bug. css is not grabbing element at all

Not sure what the deal is, and I can't find an answer anywhere else. But the CSS changes aren't loading in the browser. Even for a simple color change to the h1 tag. However, I went into my other ...
0
votes
1answer
330 views

How do I set font-family of chinese characters?

Setting the font-family CSS property doesn't seem to have any effect on Chinese characters in either Firefox, Chrome or Safari. Chrome also uses a different font than Firefox and Safari. This is on OS ...
1
vote
1answer
27 views

Why can my local website (not hosted) load icons from external css links without internet?

I'm doing a website and testing some icons from some google external css link. I wrote the external link into the index.html file and everything worked fine. Then I got the idea to test what would ...
1
vote
0answers
29 views

Content theft prevention (webscraping) via CSS [closed]

I'm here because I got: You must have at least 5 reputation on Super User to ask a question on meta, but you may ask a question about your own Super User post specifically. Alrighty then! I like to ...
0
votes
1answer
172 views

How to analyze popup window with Inspector on Firefox?

I want to inspect Firefox search bar popup window with Inspector by using Ctrl+Alt+Shift+I keys. But looks like impossible due to focus lost event. Is there some other method?
0
votes
1answer
246 views

How to change Firefox search box popup font size?

How to change Firefox search box popup font size using userChrome.css?
0
votes
1answer
88 views

How do you save a wikipedia article with the styling intact?

I'm using Cmd+S to save webpages in Chrome and for most pages it saves the assets to a folder as well. This usually includes the CSS and images. Thus when you open the local HTML file in Chrome, it'll ...
0
votes
1answer
3k views

Can’t access CSS files via XAMPP localhost setup

I'm trying to run a localhost version of a website and the stylesheet for the site in inexplicably inaccessible to the browser. Some Basics: OS: Windows Browser: Chrome (have also tried Edge) ...
0
votes
1answer
35 views

All browsers load local CSS but not applying it

All browsers in my computer doesn't apply local CSS but it loads it if it was from website. Here as you see it loads CSS, but does not apply it: But if I changed one character at least, then it is ...
0
votes
0answers
41 views

CSS version of materialize css not available

import dash from dash.dependencies import Output ,Input import dash_core_components as dcc import dash_html_components as html import plotly ,random import plotly.graph_objs as go from collections ...
1
vote
0answers
488 views

How to remove the URL from the printing page?

Recent a user report when user printing some page, the page all URL will display on the paper(NOT are HEADER AND FOOTER), I know the google chrome f12>rendering>emulate> screen can force print out ...

1
2 3 4 5
9