Category "css"

How to make columns equal height if siblings are hidden?

I am trying for equal height columns and implementing this on a Bootstrap carousel for a testimonials page. I want the height of all carousel items to be the sa

css media query adding class to HTML

I have this HTML: <li><a href=""><i class="fa fa-iconname" style="vertical-align: middle;"></i>Link Name</a></li> I am th

How to make scrollable pop up box?

https://codepen.io/anon/pen/dWaWor When I click on the button "Creation Process" I cannot scroll in the lightbox. The lightbox has a fixed position because wh

Javafx - change Theme (CSS) on active window

I want a Button that allows me to switch between Dark/Light-mode. But I have the problem If I switch, the active windows will not change their Style. First of t

How to fill vertical space with flexbox?

If .right item stretch height to any size, how to make .item elements inside .left to fill vertical space equally? From: To: .container { display:

Linking an external stylesheet to only specific HTML elements

Can I link an external stylesheet to only a specific element of an HTML file? I tried this: <div id="main"> <!-- I don't want to style .alert from th

How do I link a CSS stylesheet from another folder below in the directory? [duplicate]

This is what I'm trying to link into my HTML and it's not working I tried taking off the two periods and that doesn't work either. <link r

Divider in divs with Tailwind

I have this now <div class="w-2/3"> <h2 class="text-2xl font-semibold">Ordered Items</h2> <table class="w-full border-collapse"> .....

How to avoid CSS conflicts in ReactJs

I am not at all an expert in react, but from what I could see if I import some css sheets these will be for all my application. If I wanted to use react for a m

how give line-height to an img's alt text in CSS

i have given to all my img alt text a specific font-size, so that they can be more readable if the img doesn't get loaded. But still the line-height is still to

How to change position of the Earth in WebGL Earth

I am using this webgl earth for the project, but I can't seem to find a way to change the position of the planet on the canvas. My desired goal was to put the p

(Devanagari Font) How to ensure all parts of the text are visible in a <select>?

I'm using a Google font Noto Sans to render English text along with Hindi (Devanagari) in a <select> But some of the Hindi characters seem to be cut off f

Flexbox columns in ascending order

I'm working with some items in a list: <ul> <li>Item1</li> <li>Item2</li> <li>Item3</li> <li>Item4</

How to apply to different bground color for each area in Chart.js

In react-chartjs-2 In Line chart every grid should have different background colors. Is this achievable with this library? This is how LineChart should looks:

Replace image src location using CSS

I have a website that has an image with a src attribute and I would like to change the src location of that image with an image of my own. The image lives in a

Deprecation Warning in Bootstrap SCSS

I am trying to create custom bootstrap by importing only the required components into a style.scss file from bootstrap sass. However, I get a chain of many Depr

How to make an HTML/CSS/JS color changing background (like Kahoot.it has)

How do I make a color changing/fading background using html and css and possibly javascript similar to waht https://kahoot.it has?

Creating block buttons using Bootstrap in ReactJS

I want to create simple block buttons, that span the entire div. I am using react-bootstrap package to do this in React. Here is the code I am using:- <Conta

Why is -webkit-filter not working for nested elements?

There seems to be an issue with turning off -webkit-filter in chrome. It also doesn't seem to work how I would expect in firefox 34.0.5, or firefox 35 for that

Webkit - Cannot Scroll Up Without First Scrolling Down

I ran into this odd bug on Webkit browsers where if a user attempts to scroll up in my div, they are unable to do so, without first scrolling down - if the user