Category "css"

setting default font when tailwind fails?

If I use a universal selector in conjunction with tailwind, not all the elements resort to default. I want everything to default to Impact (in case tailwind doe

How to use CSSStyleSheet.insertRule() to change a :root property

I am trying to set the background color of the :root css property in my html file based off a hash in the url. The attached code works, but the hash doesn't per

How to align (input[type="checkbox"]+Label) to center horizontally on the page? [duplicate]

I am learning HTML ,CSS & JS, and I am stuck here. I want to align the checkbox and label to the center of the page and no matter what I t

Why my div is overlapping even I used white-space in my javascript slider?

I don't understand why the div is overlapping. I want my div to be exact I as I click next or back pages. Here is my code <style> * {

Alpine.js :class not working in second element

I'm starting to look into Alpine.js and trying to understand how it works. I have some html with one button to flip the background-color in two other buttons, b

What does sx={{'& > :not(style)': {m1}}} do in MUI 5?

I see them use this on their TextField page for having TextFields align correctly as the page gets smaller. What exactly does this css do? sx={{'& > :not

How divide HTML Page vertically into 4 sections

I want divide my HTML Page into 4 different vertical sections . I want each section to have a different background color, for that I used div but it each backg

How to change the style of an element retrieved from JS getelementbyid in react?

I'm trying to target an element in the the DOM that has already been returned, and rendered, by another component; I was hoping to use a getElementById() call,

flex container is reversing items

I have a flex-container with three items and the flex-direction set to row. I put different sizes for each of the three boxes so that they're in an ascending o

how to center the top links around a figure in hugo

I am getting into hugo, but am not sure how to go about creating a hugo site with tabs that are around a central image. As follows: What i can not figure out i

I am struggling to position/ remove whitespace from duplicate components

Here you will see the start of the NotesFromCoachesForWrestlers component circled The problem is When the notes on the component on the left increase the comp

Full page with nested flexbox and scrolling

I'm trying to do what I thought was a fairly standard sort of full-screen layout using flexbox, but it's not behaving the way I want. My goals are: Auto sizing

Align items horizontally in sinblings, without changing html structure

Like you can see from the snippet, there are 2 dynamically created flex div's (it can be more) Is there a way to align items horizontally, on bigger screens, wi

How to place elements with same class on a column and different rows with css grid?

I have a question "choice/match" and I need to put choices in a column and matches in an other column with grid css, my problem is the match column is overlappi

Vuetify carousel not taking up full width-height

I want to make a carousel that takes up the full width and height of a viewport. I'm using Vuetify in a vue.js 2 project. Here's my code: <head> <

Navigation Drop Down Covers Hero Image

My drop down navigation in the 1st and 2nd media queries just cover the hero image instead of pushing the hero image down, also the width of the drop down is su

How would you create a button to format text in a <div> with JS?

I'm trying to make a basic text editor in HTML. I've got an editable div tag so far, and by using keyboard shortcuts, you can format it. However, I want it so t

I want to meet the following conditions by jquery but I am getting error somehow

I want to do all the following by jQuery and my HTML as well as CSS is below. The paragraphs start hidden. The paragraphs show and hide when their headings are

Wordpress + Elementor - CSS Loading problem

Good morning, We are using Elementor+Crocoblock on our Wordpress site and we have a problem with our CSS. It seems like it's not stored in the cache and every t

Trying to get 'Style' list for a GtkWidget

I'm trying hard to get a list of style properties for a GtkWidget (GtkButton). This is my code so far: #include <gtk/gtk.h> #include <stdio.h> #inc