Category "css"

Swiper.js slide width

There was a big problem with Swiper.js Is it possible to somehow make the width of the slides equal to the width of the content again? At the moment, all slides

Material-UI Can't resolve '@material-ui/core/styles/createMuiTheme

I know people have posted similar question on StackOverflow, but nothing worked for me, the errors are not the same nor are the fixes, so I am creating a new po

Custom @font-face Tailwind

I've been working on a project using Tailwind. I'm trying to put a downloaded custom font using @font-face but it doesn't seem to load properly. By the way I pu

Use max page width using rmdformats?

I'm trying to use the entire page width when rendering an R markdown document using rmdformats::readthedown. First, you can see that it isn't a problem using on

How to pass styles to child component and use it as scoped style in Vue?

I have a parent component: <template> <ChildComponent :styles="styles" /> </template> <script> export default { data: () =>

How to change the font size of Chip of Material-UI

I have Chip widget const styles = { root:{ }, chip:{ margin: "2px", padding: "2px" } } const SmartTagChip = (props) =>{ const classes = us

How can I fold or collapse multiple CSS rules in VS Code?

I have several CSS rules that are related (ie 30 rules regarding a CSS Loading Spinner) I would like to be able to lump all of these rules together so that I ca

How to toggle between two images on click without using JavaScript

In a HTML document, I have <img src="cat-thumbnail.jpg">. When the user clicks on the image, I want to display another image instead: <img src="cat-ful

Is it possible to make an md-button smaller?

I want my buttons showing left- and right arrow and NOW text to be as small as possible. How do I do that? <div ng-controller="DateCtrl" layout="row" flex&g

Can I adjust the button styles of Chrome's <input type="date"> datepicker?

Is there any way to change the input type="date" styles from Chrome's default styles? I want to replace the circle button to something else. The circle button s

How to hide background for ::cue pseudo-element on Safari?

I'm trying to hide captions on a video element: I'm using the following css: video::cue { visibility: hidden; } It works fine in Chrome, but on Safari it

How to use custom CSS on a default Sphinx theme?

I'm creating documentation in Python with the Sphinx default theme agogo. I would like to use the topic directive to put a box around important information but

Angular: Google Material Icons not rendering

In Angular project Google material icons are working fine in chrome but not rendering in chrome incognito mode and firefox . In index.html below lines are used

How do you disable the datepicker in Microsoft Edge?

I have several inputs with type="date" and want to disable the default date picker in Microsoft Edge since I'm using jQuery's datepicker. How do I disable this

How to reset margin-bottom to its default value

I'd like to be able to set the margin-bottom of an element to its default value. Consider the following example in which there are h1 elements which have their

If I click to the first radio btn the second box first value should highlighted. How is that possible?

I have two boxes, One contains radio btns and in another box I have some values. If I click to the first radio button. First column values should highlight. My

Hide div that contains specific text

I want to hide a div based on the text inside. In the example below I want to hide the ones with "Handtekening" and the one with "Thuis". I prefer to do that wi

What is the proper way of nesting related CSS lines?

I am trying to nest these lines of code together, I have tried the following but it does not work, is there any other way to have both the button and a tag chan

React path to public folder in css background image

I am using Create-React-App and I want to add background image for my header section and I am doing this in that way: background-image: url('~/Screenshot_11.png

bootstrap fixed table headers with scrolling body

New to programming and first time posting here as well. I've got a bit of an issue with my bootstrap table inside a panel. I have a dropdown menu where the use