I'm creating a website with HTML, CSS, and JavaScript. I have a picture element on my page, among other elements. What I want to achieve is to randomnly change
I'm following this Chakra Doc on how to create a drawer slideout menu: https://chakra-ui.com/docs/overlay/drawer using the following component: import React fro
I have a form with various nested <fieldset> elements, each with a <legend>, and today I noticed an error in my web page on all the browsers I've ch
I'm looking for a way to change the CSS rules for pseudo-class selectors (such as :link, :hover, etc.) from JavaScript. So an analogue of the CSS code: a:hover
So i want to change the knob color to match my color theme. But when i open the bootstrap.css, i could not find the reference to that. I can change the border a
I am new to bootstrap but I am a bit fluent in React. I just want to ask how to change the :active background colour of the react-bootstrap tabs. Here is the li
I noticed this happening a couple of weeks ago on a website that I built and have worked on since 2017. On the landing page of this site, there's two sections t
What is the difference between these two selectors? .classA.classB { border: 1px solid; } .classA .classB { border: 1px solid; }
This is my HTML code (I am practicing HTML!) and CSS file: /*styling the child, descendants*/ /*Individual selectors*/ * { margin: 0; padding: 0; }
I develop a web app where users can post text, images, Files a post text can contain links also, for example this is my webpage link: https://demo.com/page1/hom
I have the code where onclick of the link, i am opening and closing the div here is the code <div id="opendialog" style="display:none;"> <div st
I have a <div> with two columns. (I use two columns so I can left-align the left column and right-align the right column.) <div class="section-header"&
There are two semi-transparent text characters that overlap. The characters are contained within the same tag. <p>┻━</p> p { color:
I wrote this for a Bmr tool on my website. I don't have much understanding regarding html CSS just started learning this. . On running the snippet is not showin
I wrote this for a Bmr tool on my website. I don't have much understanding regarding html CSS just started learning this. . On running the snippet is not showin
I am trying to: center the image above the waitlist sign up have the background video scale in some relative way so that it doesn't have to load in a perfectly
I developing a website with a video as a hero image which is always fullscreen. Easy thing on desktop. Video is hosted on VIMEO. But now the hard part. On mobil
I want to animate div only when div is visible on viewport using https://animate.style/ At this point it animates div even when its not in viewport which is nor
I am hosting a Django web application on a cPanel web hosting server. I have the application up and running however it is not applying the CSS stylesheets to my
I would like the two col's to be centered if I have a window larger than 1024pix width and be responsive. I've tried a few things, but unfortunately I'm no long