Category "css"

Override the -webkit-search-cancel-button

I'm trying to override the small (x) that appears in the search bar, to have it do more than clear the search Currently this is my search bar: HTML: <input

CSS Apply gradient color to a png logo branding

sorry if it has been already asked but I can't find the solution on how to apply a gradient color to a png logo. Here is the website i'm starting to work on: ju

Adding HTML via JS to a specific child-Element

I have a very specific situation where I have ~50 child-divs which I cannot influence directly, that is, I cannot add classes or ids to one specific child-div n

How to center content in a Bootstrap column?

I am trying to center column's content. Does not look like it works for me. Here is my HTML: <div class="row"> <div class="col-xs-1 center-block"&g

CSS line-clamp not working in safari (on Mac)

I have 2 problems with the display of line-clamps in Safari browser. First of all the codesnippet: .clamp-3-lines{ overflow: hidden; text-overflow: elli

How to wrap text around image in Bootstrap 5

I want my text to wrap around my image. Right now I'm using the Bootstrap 5 grid system. But this is not giving me the result I want. I've tried using 'float: r

Background-repeat: space seems to stop working when parent gets too wide

I've been playing around with space and round values for background-repeat. In theory this should mean I can use a radial gradient to create a nice dotted borde

How to fit a paragraph element inside its parent container?

I'm having this problem: Here is the code: <header class="fu-main-body-adress"> <h3>Address</h3> <p><a href="#" target="_

How do I make two Bootstrap cols the same height?

I have a simple layout like this: <div class="row"> <div class="col-xs-6"> </div> <div class="col-xs-6"> </div> &

Why is my Div transition not resetting on mobile

I have set up a div to move up from outside the bottom of the page when hovered over. This works fine in firefox "responsive design mode", when i try it on And

active anchor tag background color

I have jsp page built with struts2 tiles which has vertical Menu on the left hand side. Upon selecting a Menu I want to keep the background of the selected menu

Contenteditable div with selectAll on focus not working entirely

I have some divs in a table like this one: <div contenteditable="true" onfocus="document.execCommand('selectAll',false,null)">Something</div>

Should I use .innerText or .value in JavaScript?

There's a problem I've encountered but can't find explanation so far. The code is as follows: let textbox = document.getElementById("textbox"); let result =

Uncaught TypeError: $(...).tooltip is not a function error

I'm trying to use this code with those tooltips. In this link: Code with tooltip. In fact I just copied the whole code but it's now working. I get an error tha

How to enable a scrollbar on a flex item?

I have a flexbox-based layout with two panels (top and bottom) occupying 1/3 and 2/3 of the viewport, respectively. (Actually there are more panels, but I've di

How to use tick / checkmark symbol (✓) instead of bullets in unordered list?

I have a list where I want to add tick symbol before list text. Is there any CSS that can help me to apply this way? ✓ this is my text ✓ this is

Create OTP form. input field to be appear as separate input fields on screen

I want design something like in the Image, where a 6 digit one time password (OTP) is to be entered by user. Right now I have achieved this by 6 separate inputs

Eye in password field does not appear using bootstrap 5

When using Bootstrap v5 and FontAwesome v5, I cannot get get the eyeball to appear to the right side of the form. Instead, it pulls the password field further t

NGINX not serving preload css

I'm trying to optimize rendering speed of my website. but Nginx is not serving css link with rel="preload", when it's rel="stylesheet" it's just working fine. &

How to add see password icon just for chrome and Firefox?

I implemented a see password button for my password input using html and jquery so when I run it in Microsoft Edge and IE the browsers themselves have one butto