Category "css"

Bootstrap get priority over my CSS - with correct implementation order

I've linked bootstrap's css file first. I've linked my css file second. Why does bootstrap gets priority over my css?? I've played with the file order, there

Image in React component loading on one page but not the other one?

Hi guys very simple question. I have a home page and a room page. The question is why is the logo image in the navbar component loading in the homepage but not

Qualtrics -- Freeze first column and first row for side by side questions for better scrolling using position -webkit-sticky

I am trying to write custom CSS on a side by side question in Qualtrics such that both my first column and first row can be frozen panes. For example, I have 2

Disable OpenType `ccmp` Glyph Composition in CSS

I'm using a font called Lora in an Electron app, and I encountered a problem where text like mysterious `accent` is automatically converted to mysterious &agrav

How to override Material UI .MuiContainer-maxWidthLg?

I'm trying to get rid of max-width that present in the theme. This is what I see in Chrome (and if I uncheck it, it does what I need): @media (min-width: 1280p

How do I move input value to the right side [duplicate]

How do I move input value to the right side of the input box with css? <input id="calc" value="0">

overflow:hidden can't hidden skew dom event?

I created a diamond through the sketch of CSS, which is located in the upper left corner of a circle. I set overflow: hidden for the circle. How can the diamond

Problems with React Scroll and scroll-snap-type

I'm trying to use scroll-snap-type: y proximity;, but it isn't working well with react-scroll. I find that the page is scrolling in HTML tag and when I set over

Javascript destroys Css font style (Linkedin Badge)

EDIT: i made a video to present the issue. Find it here: https://streamable.com/r8sl85 I am implementing my LinkedIn badge on my website. They provide me the co

Not able to make image responsive using tailwind css

Here is the code :) <div> <div class="w-full m-4 rounded-xl flex flex-wrap shadow-md border-2 place-self-center"> <div class="flex flex-1"&

Mysterious flickering black line, almost like a border in NextJS

I have created a full-width video header that I've used successfully over several pages. For the life of me, I can't figure out why it has chosen JUST NOW to gi

how delete focus border on click date

I need to put a date in my apllication so I do this: <!--data --> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 f

Javascript input value of search bar not updating

I've created a search bar on my site with the code below. For some reason the value is not updating when the user clicks on a name in the dropdown options of th

Some classes have no effect after adding Tailwind.css to a Vue.js project

I am trying to add Tailwind.css to a Vue.js project. There are a lot of resources on how to do this, most of them following the same path as this video. To make

Microsoft edge Dev Tools F12 can't save for override (port number indicator : )

I'm using Microsoft edge(latest version-edge 100) and Dev Tools(F12 function key) When I modified CSS Style on Dev Tools, Sometimes I can't save for override Th

HTML - style input type "time" - change color of selection

Is it possible to style the blue rectangles? I need to change the color to orange. There are some handles to change some style (see here), but I couldnt find on

Custom checkbox wont toggle when click and drag on label

I have a problem with my custom checkbox. If you click on a checkbox element, move the mouse cursor and then release the click inside the checkbox area, the ch

How to position row of divs?

I'm currently working on a page that displays cards. My final row of cards has two cards centered because of my parent class text-align center. I am trying to m

Disabling Image Smoothing is not working even with CSS and JavaScript

I have a canvas that only draws big pixels, as the game is completely based on boxes. The problem is that on every single image and canvas there is image smooth

How to scale element in pixel with CSS? [duplicate]

Elements can be scaled with transform: scale(sx), where sx is the (unit-less) scale factor. Is there some way to scale an element down by a ce