Category "css"

Difference between Localhost and opening html file

What is the fundamental difference running a file using a server in localhost, and opening a file such as file:///Users/$user_name/$your_directory/index.html, a

Conditionally applying css to mat form field

I am working on an angular application and I am using mat form fields in it. For changing color of botttom border of mat form field I am using mat-form-field-ri

Unable to resolve path to module '@aws-amplify/ui-react/styles.css'

I am getting the error: Unable to resolve path to module '@aws-amplify/ui-react/styles.css' I am using the amplify authenticator component shown in the follow

HTML in OneNote Add-in API

I've created my own OneNote Add-in using Nodejs. I am having two issues. I've searched high and low and haven't found a solution. My add-in adds a new outlin

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