Category "css"

What happen to this v-for directive

I wanted to make some object like below So, at first I wrote code below <div class="p-2 border-2 border-blue-300 mr-auto rounded-full space-x-1"> <

Remove Klarna Payments with cash on delivery method

I have a problem with a code. So I have five different payment methods in my site. When a customer select "Cash on delivery" as shipment method all the payment

Chrome autocomplete and transition animation in CSS

I've a semi-complicated user registration form that Google Chrome is ruining. As per design, I've moving/animated placeholder which moves out of input to 20px a

How to use MUI to stack components on top of eachother?

I want a div that looks like this on Desktop: ------------------------------------------------------------------ | (icon) | (content)

I'm trying to put link to some text but it is not working. I think something is overlapping in css but i won't understand it. could you take a look [duplicate]

hyperlink is not working. i think there is some problem with css. can anyone please overlook and help with this? *{ margin: 0; pad

How can I change dynamically the Width and Height to my Lottie in React?

I'm working on a web app builded in Django and React, I've a question about to change the width and height of my Lottie img when the screen change Its size. Tha

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