Category "css"

Stack elements under each other inside ion-item

I am trying to stack items vertically under each other inside an ion-item: <ion-item> <ion-item-divider style="width: 100%;" item-content>

enable disable font-awesome icon

I have down arrow font-awesome icone. I try to disable the icon for some validation reason . But when i given a option 'disable' , it is not working. <div

Tailwind: How to make @apply work for custom CSS class?

Say you have a basic project setup: @tailwind base; @tailwind components; @tailwind utilities; And you want to add a basic utility that uses CSS that's not par

ReactJS + Material-UI: How to alternate colors between Material-UI <Table/>'s <TableRow/>?

I currently have a Material-UI's <Table/> ( http://www.material-ui.com/#/components/table ), and would like each row to switch off between color blue and

Loop div background-color through all rainbow colors gradually | CSS

How to change the background-color of a div over time through all color of a rainbow and then set it back again to its original color and loop that process infi

How to add custom popup window in shopify?

Hi simply I want to add a popup window that appears when the user clicks on a link/button on the product page to show him/her the washing instruction for exampl

Fix CSS to add icon to Elementor Menu

I uploaded icons to my menu using class and css code (Wordpress + Elementor), but I can't remove the space between the icon and the text. Used the following cod

How can I get my text to be two lines with padding and ellipsis?

I'm having issues getting my text to be on two lines with ellipsis. I am able to get my ellipsis working but modifying line-height and height do nothing to chan

How to conditionally apply CSS classes in React JS

I've been musing on how best to conditionally apply a CSS class in React JS. I've seen some answers banding around but there aren't many out there or they're ju

How to conditionally apply CSS classes in React JS

I've been musing on how best to conditionally apply a CSS class in React JS. I've seen some answers banding around but there aren't many out there or they're ju

onChange event is not working in color type input

I search a lot and find answers on Stack Overflow but all in vain, nothing is working for me. I want to get the color value when color is changed in input field

Change color of Select component's border and arrow icon Material UI

I'm trying to use a Material UI Select component on a dark background: But I'm unable to change the color of the drop down icon and underline border to white

How to select parent components variant in styled components?

In styled-components we can add contextual styles using component selector pattern. But how do we select specific parents variants to contextually style the chi

Is there a replacement for "contain: content" for safari?

I am trying to find a replacement for the css property "contain: content" for Safari (since it works perfectly on Chrome), but I can't find any. Is there some k

background-blend-mode alternative for internet explorer

I'm using background-blend-mode on my page but IE doesn't support it. How can I solve this? My page on Chrome/Firefox: My page on IE: My CSS: div#backgr

react-quill How to properly add attribute to a specific html tag

Here is what I want to achieve. My user is typing a text in a react-quill component and each time the user type a hashtag like "#S1 " (the space is importa

FontAwesome icon not showing at all on chromium-based browsers

I'm trying to update some theme from fontawesome 4 to 5. So far everything seems to work fine, the icons in i tags are displayed. Except for one specific icon t

Centered owl-carousel where each image has the same hight and keeps its aspect ratio

Is there an approach to to create a centered owl-carousel where each image has the same height without losing its aspect ratio? I tried to calculate the image s

How to detect when the div element width change (not window resize) in JS?

I have a scenario, if div element width changes, i need to perform some functionality. So is there any way to detect that element width changes (not window resi

How to make this image blur with transparent dark background

I want to implement the image like below image with css. I mean i want to make the image background appear but in front the image should be transparent. I mean