Category "css"

Why doesn't flexing work for this spinner?

The output- [Out put of the code][1] I tried margin auto, justifying, alignment, and more but nothing worked. I am new to programming so I'm not able to underst

How to overwrite Bootstrap's checkbox with an emoji?

As described in https://getbootstrap.com/docs/5.0/forms/checks-radios/ what Bootstrap allows me to do is change the checkmark with a link like so:$form-check-in

What are XTRA, YOPQ, YTLC, etc. in CSS?

I'm reading a blog on Roboto Flex font which is a variable font, and I see mentions of Parametric Counter Width (XTRA in CSS) Parametric Thin Stroke (YOPQ in C

How to directly change TranslateX from one position to another smoothly?

I am facing this issue from a long time, Finally I managed to make a demo example of my problem. I am trying to make a infinite image scroll view. So when we po

Blazor Razor Class Library (RCL) No CSS Intellisense

I have a razor class library (RCL) that contains all the pages from my blazor application. The CSS intellisense does not seem to work within the RCL unless I ch

Transition on light/dark mode

I did the code for dark/light mode this way, using Javascript and CSS. but I can't find anywhere a way to add a transition on changing the light/dark modes. CSS

Media-queries not working on Sass project

I am working on a Sass project and everything worked properly, but media queries are not working. I tried adding them at the bottom of the document, adding in t

CSS not loading properly when html element appended using jquery in django template

I'm working on an ecommerce app where trying to get products using ajax and append the product list using .append method and data is being appended the problem

How to show input field in only Uppercase using Oracle Jet oj-input-text?

I want to show letters only in uppercase in input text field. <oj-input-text style="text-transform: uppercase;" id="text-input" placeholder="Select new Item

Elementor section/div flexbox css skew controls

I'm trying to duplicate this Div Skew Control that I created in a code-pen, that is working, but not responsive yet as I have not set the sizing(s). I'm trying

Two classes on single react HTML element

I feel like there is a simple answer here, but I'm not finding it - In my react header I import my stylesheet under 'styles' and as such refers to css classes a

Is possible create a css class name with numbers "from-to"?

I need to have 3 classes as follow: .class-4, .class-5, .class-6 { color: pink; } And it works perfectly. Let's say I need the same but for 100: .class-4,

Why my grid template is not responsive as should be?? I've tried using media queries method, watching youtube vids, added meta, no changes

Below is the HTML and CSS code that I am trying to make a responsive website with. Media queries have been used to make it responsive but not working even thoug

Open other webiste in new tab alogn with my website

I have a website-1 (www.example.com). When a customer reaches out to my website, the other website-2 (www.example2.com) should be open in a new tab correspondin

How to disable cursor when hovering over angular component?

I currently have a horizontal mat-stepper component which can be found below; The user is currently able to go back to the previous step by clicking the "Back"

Get interactive html/css from Adobe XD

I'm using Adobe XD from the first time, I'm working actually on an xd created by a designer to export HTML/CSS scripts to be injected in the web application (Sp

humberger menu stop scrolling main body css

I am trying to implement a hamburger menu. My expectation is when I will click on hamburger menu then the whole screen will contain only hamburger menu and ther

Vue JS Transition not working Nuxt JS Project

This animation working Vue JS project and not working Nuxt JS Project. What could be wrong with my code? My animation code is like this. <transition name="fa

locomotive scroll disable the scroll of my page

When I put this function : const scroll = new LocomotiveScroll({ el: document.querySelector('[data-scroll-container]'), smooth: true }); The scroll of my page n

Is it possible to use Emmet in a blank CSS sheet, outside of a selector?

I am currently making my live easier with various custom emmet short forms for code I use a lot. So I tried to make something like the ! in html for CSS so that