Category "css"

Stylesheet for single object

I have a HTML page with a stylesheet linked in the head tag. I want to make an object with animations, and instead of using the original stylesheet for the anim

Why does in Bootstrap 4 not put the col-4 in a row?

I can't figure out why the col-4 doesn't work to have all 3 items in a row <footer> <div class="row"> <div cl

Vuetify v-select component width changing

My v-select components should have a fixed width (60px), they fit in a table cell, and I want to prevent them from changing the width after value selected. They

How can I override margin-block-start?

I included normalize.css I have margin:0 on the header elements I have margin:0 on every class on the page https://www.christianlong.design/SuperSmashBrosDB/php

How to select a Bootstrap class in JavaScript in order to perform style changes on it

I am trying to access a Bootstrap card element so that I can hide its display when I use a search function. Currently I access the element inside the card in my

How to remove whitespace when collapsing cards

I am writing a filter search to filter through cards of customer data. The search functions work, but when the cards collapse they leave degrees of whitespace w

How to hide image's alt tag when you reload the page with lazyload?

I am using lazyload to display my images in my website (with data-src instead of src). However, when you reload the page, you can see the alt tag appear (durin

Fixed border tables html css

I want to make the borders of the table round. If I change the background color, or make a grid in the table, then everything goes beyond the rounded corners I

How to align items to rightmost edge of multi-column span (css grid)

I'm working with a CSS grid layout with a 20 column span. For ne of my grid items I've specified that it span 5 columns, like so: .parent-grid { displa

resize "box" in Java

I started high school this year, we are doing some big semestral project and I'm not very good in HTLM/CSS. My crewmate did the page design on some random websi

<img> element should responsively resize, relative to the width of its parent element, without exceeding its original size

I started working on tribute page project on codepen passed 9 test cases. Tried all the ways but cannot pass the last test case. My css code #img-div { displa

Bootstrap get priority over my CSS - with correct implementation order

I've linked bootstrap's css file first. I've linked my css file second. Why does bootstrap gets priority over my css?? I've played with the file order, there

Image in React component loading on one page but not the other one?

Hi guys very simple question. I have a home page and a room page. The question is why is the logo image in the navbar component loading in the homepage but not

Qualtrics -- Freeze first column and first row for side by side questions for better scrolling using position -webkit-sticky

I am trying to write custom CSS on a side by side question in Qualtrics such that both my first column and first row can be frozen panes. For example, I have 2

Disable OpenType `ccmp` Glyph Composition in CSS

I'm using a font called Lora in an Electron app, and I encountered a problem where text like mysterious `accent` is automatically converted to mysterious &agrav

How to override Material UI .MuiContainer-maxWidthLg?

I'm trying to get rid of max-width that present in the theme. This is what I see in Chrome (and if I uncheck it, it does what I need): @media (min-width: 1280p

How do I move input value to the right side [duplicate]

How do I move input value to the right side of the input box with css? <input id="calc" value="0">

overflow:hidden can't hidden skew dom event?

I created a diamond through the sketch of CSS, which is located in the upper left corner of a circle. I set overflow: hidden for the circle. How can the diamond

Problems with React Scroll and scroll-snap-type

I'm trying to use scroll-snap-type: y proximity;, but it isn't working well with react-scroll. I find that the page is scrolling in HTML tag and when I set over

Javascript destroys Css font style (Linkedin Badge)

EDIT: i made a video to present the issue. Find it here: https://streamable.com/r8sl85 I am implementing my LinkedIn badge on my website. They provide me the co