Category "css"

Bootstrap Columns Not Working

Can't figure out why the columns aren't being structured with this HTML: <div class="container"> <div class="row"> <div class="col-m

Inline-block remove bottom space to add text

I have the below code to begin an animation for an acronym that makes the code transform to a vertical form. I'd like to have it where it will type the rest of

Why is my Visual Studio Code Live Server jumping to specific parts of the page on save?

OK, so this drives me nuts: When I'm using Live Server, it starts jumping up, or to specific parts of the page, when I (or the 'auto save') save my CSS or SCSS

Disable Blue Highlight when Touch/Press object with Cursor:Pointer

There is a blue highlight that appears whenever a Div that has the cursor:pointer property applied is touched in Chrome. How can we get rid of it? I have tried

How to add favicon image on browser title bar in website

I am trying this code <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <link href="<?php ec

Element with z-index is not hiding elements with lower z-index

How is this z-index formatting supposed to work? I should be able to see only the layer with z-index with 150 and not any other, but I am able to see all three

How to fix angular z-Index is not a known CSS property

I get the following [webpack-dev-server] WARNING ▲ [WARNING] "z-Index" is not a known CSS property styles.css:119530:2: 119530 │ z-Inde

How to make reactjs website responsive using material-ui

I am working on reactjs project using material-ui. Web-page is working perfect on desktop layout but when I switch layout to responsive (mobile). Than all the t

How to keep content in a container, but extend it's background full width in CSS?

I am trying to develop a design that looks like: In the design above the red lines are the sides of the container. I am keeping the content of the section wi

In some viewports, how to get slider image to same height as parent div?

In the snippet below, I have a slider. Half the slider is static text, and the other half is images. When the viewport hits 768px, the images go to a different

How to remove v-tab transition slide in Vuetify?

Is it possible to remove transition slide when click v-tabs ? <v-tabs v-model="tab" :transition="false" :reverse-transition="false"> <v-tab hr

angular animated sliding panel - shows for second when view loaded

i'm trying to build animated vertical panel which suppose to be hidden and when user clicks button -panel should slide from the right. here is my code: HTML

How to position a callout/speech bubble box inline

I am using this CSS speech-bubble generator to make a callout box on the righthand side of a page (with the speech/callout triangle on the left side of the box)

How to change the "Browse" button text

I need to change the "Browse" button text according to the locale in a JSP. (Ex. Russian , Portuguese) for a Spring based project. Following is the current imp

CardElement not showing ui components in react app ie `Card Number, MM/YY, CVC?

So my problem is that I cannot see the CardElement Ui component in the image below. It should be above the Order Total: $0 which is beside the payment method.

Make the dark mode button above all elements used DarkMode.js

I want to make the dark mode button above all the items on the website.I used DarkMode.js for the same.The button is hiding behind an image.How make its priorit

react-custom-scrollbars can't get styling to work

I'm relative new to react but I'm trying to use a common custom scrollbar but I can't seem to get the styling to work, I also submitted this as an issue on gith

How to put a background video loop on a website HTML/CSS

I'm trying to put a video as a background video on my website. I've researched a lot and it is not working and I don't know why. On my html I have: <video

Potential CSS scroll snap bug in Chrome

Please check this CodePen. The problem is described there. There is also a demo. I've tested it on Mac and Windows. There is the same behavior in Chrome (on Mac

sass format is broken when I type border-radius in vscode

I want to add border-radius to a element in my scss file. before: .card { &__side { height:50rem; &--front { backgroun