Category "css"

Add link tag using only for homepage in bigcommerce

I want to add <link rel="alternate" href="https://www.example.com" hreflang="en-us" /> this kinda of link tag in my bigcommerce site using jQuery or anyth

JavaFX - How to get custom properties in scene builder?

I am looking for a solution to define editable properties of custom controls. Jens Deters built already superb custom controls with fontawesomefx for JavaFX.

How to have each item in my flex row remain square (same width as height) without using JavaScript [duplicate]

I'd like these letters to sit in the row, each letter div with same height and width. This is my demo of the problem https://codepen.io/daniel

Using calc to indent child element of CSS Grid accurately align with grid columns

I have a content block within a CSS Grid item, which works fine. In some instances I want to be able to indent a child element 1 or 2 columns so accurately so i

How overlap an image over a circle?

This is the circular effect I trying to reproduce. There is a grey circle and a animated spinning red reticle when hover over the picture. I try with border-

Align button to the right in td element

I have a <td> element with content and a button. The width of the content should be all except the width of the button which will be fixed. The button sho

Align button to the right in td element

I have a <td> element with content and a button. The width of the content should be all except the width of the button which will be fixed. The button sho

Reduce Bootstrap list width

I am creating a list and styling it with Bootstrap. The HTML looks something like this: <div class="list-group"> <a href="/link" class="list-group

How to hide select options using css in IE?

I want to hide the options for a select tag and below is the code I have written. This works well with Chrome and Firefox but not with IE. <style>

can't change h1 font-size in print preview

I can't change h1 font-size in print preview. although every other property works, the font size doesn't work. body{ margin: 1%; padding:1%; backgrou

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 remove default button border with CSS

I have a rounded button like this. .rock{ height:100px; width:100px; border-radius:100px; border-color:yellow; border-width:8px; } <button class="rock"

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"> .....