Category "css"

Bootstrap date time picker

I am trying to implement the date time picker as explained here https://eonasdan.github.io/bootstrap-datetimepicker/#minimum-setup, I have downloaded the js fi

How do I make images the same size on a page using HTML and CSS?

I need to make six images the same size, but everything I've done isn't working and so I'm here searching for help. Here is my HTML: <div> <h1>F

Use both Tailwind and SCSS with cssbundling-rails

In the Rails 6 project I'm working on, we're looking upgrade from webpacker to cssbundling-rails and jsbundling-rails. We currently use Tailwind with SCSS, but

How can I use custom classes in chapter titles with Asciidoc epub3 converter?

In the adoc file I define a chapter header like: == [big-number]#2064# Das Spiele-Labor For HTML that translates to <span class="big-number">2064</

Vuejs/Nuxtjs Unable to scope the styles to specific component when used with @import?

I am developing an application using Vuejs/Nuxtjs. I would like to import some styles from the external CSS file and would like to include those styles only to

How to remove unexpected white space above "page-break-before: always" CSS

For reproducible example, see this link - https://cbbanalytics.com/stats/27694/games/1864019/overview. On this page, we have added (via the class print-break) a

Change border-color of inputfield on firebase-ui

I am using firebase authUI. Here is a demo: Click on Sign in with Email I try to change the color of the 'blue' underline that is appearing when clicking in th

Two-column vertical-numbered lists with Flexbox

I'm sure this must be a duplicate, but I cannot find any related answers because so many people are referring to flexbox elements as "lists", when they're not a

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