Category "css"

Javascript set button active

I have a table of buttons and once it is populated, I am using document.getElementById("btn0").click(); to click the first button. The button is doing what it

Show a specific image in dark mode on GMAIL

I would like to know if there is a solution to display a specific image in dark mode on GMAIL (and hide an image in light mode). I tried by applying the guide h

how to fix navbar size to its original

I am trying to make a navbar with dropdown in it. when i added dropdown menu, my navbar's height got big although i commented the dropdown menu code but navbar

React App adding Pure CSS to Tailwind CSS

I need to do this in tailwind CSS for my react application. How can I do that? HTML <h1>Show / Hide Animation with pure CSS</h1> <label class="t

Tailwind-CSS doesn't apply flex/block after applying .hidden to the element

I want my div to be hidden on small screens and visible on bigger screens starting from md: But seems like .hidden has a higher priority. Or it just messing up

CSS not linking on Github [closed]

I've linked my css folder containing my styles.css file to my index.html like so: <link rel="stylesheet" href="css/styles.css"> It work

set width contaner to only span content width flex item fixed width and height

how to adjust flex container to only span content width (width of flex items). In this excercise I put 3 flex item (span) in a div container and set width and h

Trying to zoom on hover of image: Circular image overflowing container

I'm trying to get a circular image to zoom when it's hovered. However, I can't get it to work - the image is overflowing the container. What am I doing wrong?

Cannot cover up a gap between a box shadow and input field

Trying to create a basic website layout for a course (Odin Project). However I noticed that their website design has a perfect box shadow with no light gap. Whe

How to split apart a single list with CSS

I'm trying to use a single unordered list and splitting one of the list elements from the others and putting this one onto the left side and others on the right

Font weight set as normal but is displaying in bold on browser

I have font weight set to normal for .meta, .sender, .to, and .receiver. However, this still shows the text as bold for all the content in the middle of the box

Override bootstrap font size

I am using Bootstrap v5.0.2 but I need to override the font size to some custom value. In the html I am using <a href="#" class="btn btn-outline-danger">C

How to align one flex child as flex-start and other in center?

I have a sidebar that is set to flex with direction column. I am trying to get my menu ul to be vertically centered, and my .logo-container to be on the top of

Angular Material 13 - How to change the color of a border of a mat-form-field

How to change the color of a border of a mat-form-field ? (The border when the field is selected) thx ^^ screen .search { display: flex; justify-content: ce

Iframe - Sticky button inside iframe at the bottom of viewport

I am trying to place a sticky button inside iframe at the bottom of viewport, which means, when the scroll event occurs in the parent document, the sticky butt

HTML obfuscation using special fonts

I was browsing a German website when I noticed that during the initial page load there were some non printable characters displayed on the page (like ``). As a

What is the reason for the lack of inheritance of text-decoration? [closed]

So I've read the previous disccussion on this topic and I understand that text-decoration is propagated instead of inherited, but the spec doe

Hero image on mobile changes

I'm trying to add two new things to my hero images on the front page of https://webhost.pro/ and the hero on content pages https://webhost.pro/company/about-us/

How to position these divs on top of each other

I have 3 divs that only contain a background color and what I want to make is something similar to the google chrome logo. This is just part of the code, there

How to align separate svg text elements like character alignment in word

I am working with an svg text element and I need to create separate <text></text> element per character of a particular word, Lorem in this case. Fo