Category "css"

I want to make the rows in this table collapsible/expandable

Find the code here, don't want to paste the entire thing... https://code.sololearn.com/W8odKz78WT07/#html Or as an example, lets use this <head> <

javascript sode for mouse position display and Geolocation with openlayer and geocodezip example

I want to combine Geolocation and Mouse Position Display (lng/lat; outside of map)from the Openlayer and geocodezip site.I tried various combinations of codes B

Linking CSS doesn't work

So my CSS doesn't work for some reason. I have searched online and cannot find a problem with it but the CSS is not connecting to the HTML. Here is my code:

Change borderBottomColor of MUI TextField when input is filled

I'm creating a form using MUI, by default TextField bottom border is grey, blue on focus then again grey on focus loss. I aiming to make it not lose blue color

Why is my position:sticky not working on iOS?

I'm in the process of coding a sticky notification bar seated at the bottom of a mobile screen. I want the bar to be stuck at the bottom of the users screen unt

Why config cache not working on my shared hosting in Laravel 8

I uploaded my laravel site in shared hosting, my site is working well in localhost, but the CSS is not working on the server. I want to clear cache but not run

Hide input field from vuejs-datepicker

I am using vuejs-datepicker in one of my vue project. I want to hide the default input and show the Calendar when user press a button. I am trying to have the &

How can I use the macOS system accent color in CSS?

When using Safari on macOS, form controls like buttons and selects use the system's accent color. When changing the accent color by going to System Preferences

How can I order CSS columns horizontally instead of vertically for auto height elements?

Each of my columns has different heights. How can I order my column to horizontally instead of vertical using CSS? Also on hovering of each item, the height wil

How to load a placeholder image then toggle to the real one once HTTP calls are done?

I'm currently working on a project with a particularly large gif file on the page. I'd like to be able to load something much smaller, like a static image or pe

line clamp (webkit) not working in safari

display: -webkit-box; -webkit-line-clamp: 5; line-clamp: 5; -webkit-box-pack: end; text-overflow: ellipsis; -webkit-box-orient: vertical; overfl

Prettier VSCode - How to ignore formatting code for a single declaration in css, set in a global statement and not through simple comment

Correct format for a single declaration and what i prefer happen .lbl-vlt {background-color: var(--violet);} .lbl-emrld {background-color: var(--emerald

Extract color palette of a webpage [closed]

I intend to recolor a website with a new palette of colors. I plan to first extract the colors from the webpage and determine its color palett

Is there a way to make a "cooldown" to your function?

im currently making a diashow or a slideshow for an website. And everything is set up except one thing. The user is able to spam the slideshow thus resulting in

How to compile Less/Sass files in Visual Studio 2017+

In VS <= 2015 we can use a WebEssentials extension that takes care for compiling the less/sass files for us, but currently it does not support VS 2017. Is th

Is there a way to make a "cooldown" to your function?

im currently making a diashow or a slideshow for an website. And everything is set up except one thing. The user is able to spam the slideshow thus resulting in

How to use “unicode-range” for numbers

I'm using a custom font and loading it through @font-face. I want to display text with two languages in webpage with different fonts with font-face at rule in C

How to customise React AsyncSelect style

I am trying to customise the style of AsyncSelect component, but seems not able to do it. import AsyncSelect from 'react-select/async'; <AsyncSelect classN

CSS scroll snap choppy/laggy on Chrome desktop

I've been building this page using scroll-snap and it's working well on Firefox desktop & mobile, as well as Chrome mobile. But on Chrome desktop (Edge desk

text-overflow: ellipsis; in table cell

I have a page with a table, which is updated periodically. The table has a heading, followed by a number of rows. Each row has 3 fields: Player position, Player