Category "css"

if the browser window is below a certain height addClass to an element [closed]

I would like to addClass to an element if the browser window is below a certain size via height; when and only if the height is below a certai

bootstrap 5 navbar offcanvas

I got the code below from the official bootstrap 5 demos and for the life of me, can't figure out how to move the off-canvas menu from Left-to-Right. The docume

Are identical CSS files across separate websites shared/cached?

Let's say I have a website called http://example.com. In my <head> I have a stylesheet which is like so: <link rel="stylesheet" href="/_resources/css/s

slippry slider image slides displaying at once on page load

I'm using slippry slider for my carousel and the issue I have is that all the slides display in a list, then on page load then after about a second the slider f

Backdrop-filter: blur + box-shadow not rendering properly in Safari

I've tried using the CSS backdrop-filter: blur combined with the box-shadow property but the final result doesn't seem to be rendered properly in Safari. I'm u

How to detect Night Mode event - CSS / JavaScript?

Is there any CSS prefix for night mode or javascript event that trigger when user change the mode? I want custom colors for the element if the user enables nigh

Responsive font size in CSS

I've created a site using the Zurb Foundation 3 grid. Each page has a large h1: body { font-size: 100% } /* Headers */ h1 { font-size: 6.2em;

JQuery: how to exclude from selection div elements that contain a span element?

I have selected a group of div elements from a table, filtered the selection to only the div elements that contain the class __gwt_cell, and I have saved them i

found no layout file for "HTML" for kind "home"

I am using this command to run a hugo project in my MacBook Pro with M1 chip: hugo new site example cd example hugo server the output log like this: ➜

jQueryUI 'Blind' effect introduces break in page flow while animating

I have an arbitrary number of links, each styled as a bootstrap button, in a div with ordinary left to right flow. <div id="btngrp"> <a href="#" cla

CSS: text hidden with text-overflow:ellipses still exists

I have an ul with varying-length li's, but a fixed width. I also have some icons in the li. <ul> <li><span class="icon"></span>Long

Font messes up alignment of numbers

I'm using the Raleway font, but this font doesn't align numbers properly with letters. You can see this in this snippet: h1 { font-family: Ra

Stop div from shifting down when text is added

I am trying to place some text inside a square div. The only problem is that it shifts the div that the text is in down a lot. Does anyone know how I can get th

fixed div with 100% width overlaps scrollbar

As demonstrated here: http://codepen.io/anon/pen/rVPqeL I am using 3 simple divs and I want to obtain an effect of a "global" scrollbar that has to go over the

A problem repeatedly occurred on safari IOS how to fix?

I am getting so annoyed with this problem (A problem repeatedly occurred error message) on ios iphone. Working hard to build a website but only iphone with rece

How to support inline comments in PostCSS?

Webpack/PostCSS is unable to process .pcss files which have inline comments: Module build failed: Syntax Error (77:5) Unknown word > 77 | // }

Styling mat-select in Angular Material

How to style mat-select's panel component. From the docs I get that I need to provide panelClass so I make it like this: <mat-form-field> <mat-sele

Google maps do not have border radius

when we use google maps to display maps can not make round edges Issue only on chrome HTML <div id="mapframe"> <div id="map"></div> <

Horizontal line - Login Form [duplicate]

I am trying to add a horizontal line aligned to the word "or" in this login form, however i can not get it to work as it will just align under

Sticky header transparent background

So the problem for me is, that I would like to have my sticky header div have a transparent background, but only for the background of the body tag so that the