Category "css"

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

height inherit not working with absolute position

I have an absolute element that is the background. I can't set it as the div's background because it is animated and it requires 2 css classes. I simplified it

How to Display Variable content

Is there a way to display my CSS-Variable's Content to my HTML webpage? My Variable's name is --pick-container-width and its Content is 5vh. Now I want (for tes

Full-page body in Chrome print-to-pdf: omit area reserved for header and footer?

I don't want to just suppress/disable the running header and footer text. I'm already setting the following CSS: @page { size: 6.6in 4.25in; margin: 0; } (

smoothly combining vertical and diagonal linear radients css3

I'm trying to make a pipe appearance using gradients. Though the corners doesn't blend well. How can I make the corner blend smoothly? (Already tried radial, an

Changing background color using ngClass and boolean is not working correctly?

I am trying to check an object coming in a back-end response to see if error.isCritical is true or false and setting the ngClass accordingly, i've tried many di

CSS nightmode is not changing black text to white (filter invert)

I'm using CSS to change the appearance of night mode on Anki/Ankidroid. Since I use lot of highlight and the regular nightmode only change the backround and the

Input field caret position problem in react

Hey, everybody. I'm new in web dev. I have a task on react to increase days in first part of string in input field by clicking 'ArrowUp' button. In addition mut