Category "css"

Page looks different on localhost than in Intellij preview

In my Spring app I have implemented form on my page and I don't know why it looks different when I run it on localhost from when i clicked in the Intellij chrom

how to show an overflow element completely . 'overflow-x : visible ' not working

i have a template with 3 section that .rightand.left sections are sticky to top and have 100vh height. and may become overflowed , that should be scrolled separ

Placing <label> text inside the border of a text input

I'm looking get this code: <form id="first_name"> <div class="form-group"> <label>First name</label> <input ty

Line break when combining image_tag and text in Rails navbar

I want to combine a logo and the brandname as text in my bootstrap based navbar. The problem is I can't figure out why there is a line break and the text not on

How can I overlay multiple PNGs and have each of them clickable in their visible area?

I need to set up a clickable image system for dynamically created content. The image consists of a background image, and several grey-scale mask images. Backgro

How to create slanted underline style

I'm trying to achieve this underline style using CSS. It needs to work on text with multiple lines. Has anyone got any ideas?

How to remove last element in calculator?

I want to remove last element when I click on '<-' button. But for some reason, it's not working what I have. I am removing the last number from div using re

TailwindCSS 3 classes doesn't override previous classes

I am facing an issue which is mind-numbing in the world of CSS. TailwindCSS 3 classes just doesn't override previous classes. For example, there is this compone

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"