Category "css"

Horizontal scrolling in mobile view iOS

I have a horizontal gallery overflow-x: scroll that is choppy only in iphone/ipad view (Tested in Androids scrolls fine). I've seen some stackoverflow uses -web

How to make Material UI v1.0 Dialog background transparent?

I am trying to make put a CircularProgress inside a dialog box. But the dialog box background is white and cannot be set to transparent as in earlier version -

Div hide/show using radiobutton functionality using Jquery

I have text & image wrapped in a div. Using Radiobutton the image & text should appear top & bottom. If you select image radiobutton, the icons shou

How to overlay text on an SVG path element in React without using the coordinates of the path element?

I am attempting to create a global COVID-19 tracker for each country using React. In order to carve out individual countries and present them I have used an SVG

seperate date with slash css style

I would like to represent date so that between dd and mm a slash. See image. Does anyone have an idea how to do this? I could display it as a png, but first I

Custom CSS to radio button labels

I need to add custom styling to the checked/active radio button behind the label. I can get the border and width of the buttons fine, just can't set a backgro

Trying to change value of buttons

I'm trying to change the value of a button when I click on it, so what I did was I created a function in JavaScript where I call the ID of the element by gettin

How to create uneven rounded sides on a div?

I've been trying to make a DIV with uneven rounded sides like this: I've checked some solutions and the closest I can get to it is by using border-radius. I'

Animate reused svg independently

I want some SVGs to animate on click. The SVG is defined once and has been reused multiple times with the <use> tag. I wrote the following code: svg {

Is it possible to assign opacity to a SCSS hex color variable, re using that variable?

I have a series of scss variables representing colors re used throughout my app, like so: $first-color: #00755E I also have colors that are the same as this fi

remove specific style from tailwind base

I have a project with tailwind and a (work in progress) UI library that we want to gradually migrate to. I am importing the style on my index.css like this @tai

How to resize background-color and adjust its position?

I have an image and when i hover it, background color changes, but I want to change the size and position. .hoverme:hover { background-color: #f7b0ee; b

Why does my css design look okay on various android screens and bad on iphone devices

I'm trying to design a webpage but it looks okay on android devices but when i use apple mobile devices (iphones) it doesnt follow my css rules and looks bad. i

CSS static file is not loading in Django

I am learning Django and i tried to implement a blog app . i am getting an error while using the static files inside project.i know, There are lot of questions

How to change the styling of nested child element inside a shadow DOM using angular

I want to change the font style of a child element which is wrapped inside a parent element which is internally wrapped by others and finally it is enclosed ins

How to encapsulate Angular app's global CSS within exported web component?

Goal I have an Angular 11 site with a large form component using Angular Material -- let's call it myExportableComponent. I want to use myExportableComponent i

Right path for live sass compiler?

What is the right path if ever I already have style/css/main.css folder? How can I map livesasscompile on the same folder? Because it will automatically map on

Text alignment doesnt work on mobile [CSS]

I have a weird problem with text alignment which I never had before. On this app: https://damdafayton-countries.herokuapp.com/ two sections of text doesn't get

Tailwind custom color is not active on hover

I modified my tailwind.config.js to add a new custom color: module.exports ={ theme: { extend: { colors: { pepegray: { DEFAULT: "#323232" },

How to react clicks on an overlay flexbox(Material UI Grid) element

I have an overlay element, the overlay element is a flexbox container, there is only one item which is centered, so there is space around it. If someone clicks